:root {
  /* Hostiko Layout 99 palette */
  --accent-teal: #1a8a8a;
  --accent-teal-dark: #146b6b;
  --accent-coral: #e85d5d;
  --accent-coral-dark: #d04a4a;
  --heading-navy: #0a2540;
  --section-light-bg: #f5f0e8;
  --section-dark-bg: #050b16;
  --section-dark-card: #0a1628;
  --section-dark-border: rgba(38, 193, 193, 0.35);

  /* Brand overrides from admin (fallback to Hostiko teal) */
  --brand-primary: var(--accent-teal);
  --brand-accent: var(--accent-coral);

  /* Semantic */
  --bg-deep: var(--section-dark-bg);
  --bg-card: #ffffff;
  --bg-card-dark: var(--section-dark-card);
  --border-glass: rgba(10, 37, 64, 0.12);
  --border-dark: var(--section-dark-border);
  --text-main: var(--heading-navy);
  --text-muted: #5a6b7d;
  --text-on-dark: #ffffff;
  --text-muted-dark: rgba(255, 255, 255, 0.72);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --shadow-card: 0 8px 40px rgba(10, 37, 64, 0.08);
  --shadow-card-dark: 0 12px 48px rgba(0, 0, 0, 0.35);
  --shadow-glow: 0 0 40px rgba(26, 138, 138, 0.2);

  --font-sans: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --container: min(1200px, 92vw);
  --header-h: 92px;
}