/* =====================================================================
   THEME TOKENS — the ONLY file you need to touch to re-skin a site.
   Pick a preset by setting <html data-theme="..."> in index.html,
   or edit the :root values directly for a custom brand.
   Rule: one accent colour, one named light direction, one mood.
   ===================================================================== */

:root {
  /* Brand */
  --brand: #3aa0ff;            /* primary accent (CTA, highlights) */
  --brand-2: #7cf2ff;          /* secondary accent (glows, gradients) */
  --brand-ink: #041018;        /* text colour ON the accent */

  /* Surfaces */
  --bg: #05070b;               /* page background (match hero frame bg!) */
  --bg-2: #0a0e15;             /* alternate section background */
  --surface: rgba(255,255,255,0.04);
  --surface-2: rgba(255,255,255,0.08);
  --line: rgba(255,255,255,0.10);

  /* Text */
  --text: #f3f6fa;
  --text-2: rgba(243,246,250,0.66);
  --text-3: rgba(243,246,250,0.40);

  /* Type */
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Shape + motion */
  --radius: 18px;
  --radius-lg: 28px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-lux: cubic-bezier(0.19, 1, 0.22, 1);
  --maxw: 1240px;
  --gutter: clamp(16px, 4vw, 40px);
}

/* ---------- Presets (from the bundle's shipped looks) ---------- */

/* Clinical ice — ATLAS / APEX style clinics, SaaS, IT consultancies */
[data-theme="ice"] {
  --brand: #3aa0ff; --brand-2: #7cf2ff; --brand-ink: #041018;
  --bg: #05070b; --bg-2: #0a0e15;
}

/* Amber on graphite — IVORY dental, premium clinics, law, finance */
[data-theme="amber"] {
  --brand: #e8a33d; --brand-2: #ffd48a; --brand-ink: #1a1105;
  --bg: #0c0b0a; --bg-2: #141210;
  --font-display: "Cormorant Garamond", Georgia, serif;
}

/* Ember — BRACE / RÖSTWERK / SMASH food & drink */
[data-theme="ember"] {
  --brand: #ff6a1a; --brand-2: #ffb36b; --brand-ink: #160700;
  --bg: #0a0706; --bg-2: #120c0a;
  --font-display: "Bebas Neue", "Anton", Impact, sans-serif;
}

/* Champagne noir — fragrance, jewellery, watches, luxury real estate */
[data-theme="champagne"] {
  --brand: #f2d28b; --brand-2: #fff1c9; --brand-ink: #15110a;
  --bg: #050509; --bg-2: #0b0b10;
  --font-display: "Cormorant Garamond", Georgia, serif;
}

/* Clinical green — physio, fitness, wellness (APEX) */
[data-theme="green"] {
  --brand: #3dffa0; --brand-2: #b6ffd9; --brand-ink: #03140b;
  --bg: #050807; --bg-2: #0a0f0d;
}

/* Ivory light — hospitality, interiors, lifestyle, kids, pets */
[data-theme="ivory"] {
  --brand: #1c3557; --brand-2: #93c5fd; --brand-ink: #ffffff;
  --bg: #f8f6f2; --bg-2: #ede9e3;
  --surface: rgba(12,12,14,0.04); --surface-2: rgba(12,12,14,0.07);
  --line: rgba(12,12,14,0.12);
  --text: #0c0c0e; --text-2: rgba(12,12,14,0.62); --text-3: rgba(12,12,14,0.38);
  --font-display: "Instrument Serif", Georgia, serif;
}