/* ═══════════════════════════════════════════════════════════════════════
   MERIDIAN — theme tokens
   ─────────────────────────────────────────────────────────────────────
   Every industry sets the SAME token names. style.css never references a
   raw colour, only these, which is why one stylesheet can carry a
   near-black restaurant and a bright white dental clinic without forking.

   The awkward part of a multi-industry template is that some themes are
   dark and some are light. Two tokens carry that difference:
     --scrim-*   the gradient laid over hero photography
     --shadow    dark themes need depth from glow, light themes from shadow
   Get those right and everything else follows.
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  /* shared, non-colour */
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-pill:999px;
  --e-out:cubic-bezier(.16,1,.3,1);
  --e-io:cubic-bezier(.65,0,.35,1);
  --t-fast:180ms; --t-mid:300ms; --t-slow:560ms;
  --maxw:78rem;
  --gutter:clamp(1.25rem,4vw,3.5rem);
  --grain-opacity:.05;
}

/* ─────────────────────────── RESTAURANT · dark, warm, gold ─────────── */
[data-theme="restaurant"]{
  color-scheme:dark;
  --bg:#0B0907;  --bg-2:#100D0B;  --surface:#171310;  --surface-2:#1F1915;
  --line:rgba(244,238,230,.11);   --line-2:rgba(244,238,230,.2);
  --text:#F5EFE7;  --text-dim:#C6BAAB;  --text-mute:#8F8375;
  --brand:#B8892F;  --brand-2:#D9A648;  --brand-ink:#120D07;
  --accent:#C0562C;
  --scrim-hero:linear-gradient(to top,var(--bg) 2%,rgba(11,9,7,.72) 30%,rgba(11,9,7,.28) 62%,rgba(11,9,7,.6) 100%);
  --scrim-card:linear-gradient(to top,rgba(11,9,7,.94) 2%,transparent 52%);
  --shadow:0 40px 80px -40px rgba(0,0,0,.95);
  --shadow-brand:0 18px 50px -18px rgba(217,166,72,.5);
  --glow:radial-gradient(70% 60% at 50% 0%,rgba(184,137,47,.22),transparent 70%);
  --f-display:"Playfair Display",Georgia,serif;
  --f-sc:"Playfair Display SC",Georgia,serif;
  --f-body:"Karla",system-ui,sans-serif;
  --ph-a:#1F1915; --ph-b:#0F0C0A;
}

/* ─────────────────────────── DENTAL · light, clean, blue ───────────── */
[data-theme="dental"]{
  color-scheme:light;
  --bg:#F7FBFD;  --bg-2:#EEF7FC;  --surface:#FFFFFF;  --surface-2:#F2F8FC;
  --line:rgba(12,74,110,.13);     --line-2:rgba(12,74,110,.24);
  --text:#0C3A52;  --text-dim:#40657A;  --text-mute:#5D7C8D;
  --brand:#0B7FA8;  --brand-2:#0EA5E9;  --brand-ink:#FFFFFF;
  --accent:#0E8F6F;
  --scrim-hero:linear-gradient(to top,var(--bg) 2%,rgba(247,251,253,.86) 26%,rgba(247,251,253,.34) 60%,rgba(12,58,82,.30) 100%);
  --scrim-card:linear-gradient(to top,rgba(255,255,255,.96) 2%,transparent 52%);
  --shadow:0 30px 60px -32px rgba(12,74,110,.32);
  --shadow-brand:0 18px 46px -18px rgba(14,165,233,.45);
  --glow:radial-gradient(70% 60% at 50% 0%,rgba(14,165,233,.12),transparent 70%);
  --f-display:"Fraunces",Georgia,serif;
  --f-sc:"Fraunces",Georgia,serif;
  --f-body:"Inter",system-ui,sans-serif;
  --ph-a:#DFF0F9; --ph-b:#F4FAFD;
}

/* ─────────────────────────── FLORIST · light, botanical ────────────── */
[data-theme="florist"]{
  color-scheme:light;
  --bg:#FBFAF6;  --bg-2:#F3F6EF;  --surface:#FFFFFF;  --surface-2:#F6F8F2;
  --line:rgba(20,83,45,.13);      --line-2:rgba(20,83,45,.24);
  --text:#1E3A28;  --text-dim:#4A6353;  --text-mute:#6C8375;
  --brand:#2F6B45;  --brand-2:#4A9163;  --brand-ink:#FFFFFF;
  --accent:#C2557E;
  --scrim-hero:linear-gradient(to top,var(--bg) 2%,rgba(251,250,246,.86) 26%,rgba(251,250,246,.32) 60%,rgba(30,58,40,.28) 100%);
  --scrim-card:linear-gradient(to top,rgba(255,255,255,.96) 2%,transparent 52%);
  --shadow:0 30px 60px -32px rgba(20,83,45,.28);
  --shadow-brand:0 18px 46px -18px rgba(74,145,99,.45);
  --glow:radial-gradient(70% 60% at 50% 0%,rgba(194,85,126,.12),transparent 70%);
  --f-display:"Cormorant Garamond",Georgia,serif;
  --f-sc:"Cormorant Garamond",Georgia,serif;
  --f-body:"Karla",system-ui,sans-serif;
  --ph-a:#E4EEE3; --ph-b:#F7F9F4;
}

/* ─────────────────────────── BAKERY · warm cream & caramel ─────────── */
[data-theme="bakery"]{
  color-scheme:light;
  --bg:#FDF8F1;  --bg-2:#F8EEE0;  --surface:#FFFFFF;  --surface-2:#FBF3E9;
  --line:rgba(69,26,3,.13);       --line-2:rgba(69,26,3,.24);
  --text:#3B2410;  --text-dim:#6A4A2E;  --text-mute:#8A6A4C;
  --brand:#9A5B18;  --brand-2:#C77C2A;  --brand-ink:#FFFFFF;
  --accent:#A8341F;
  --scrim-hero:linear-gradient(to top,var(--bg) 2%,rgba(253,248,241,.86) 26%,rgba(253,248,241,.32) 60%,rgba(59,36,16,.30) 100%);
  --scrim-card:linear-gradient(to top,rgba(255,255,255,.96) 2%,transparent 52%);
  --shadow:0 30px 60px -32px rgba(69,26,3,.28);
  --shadow-brand:0 18px 46px -18px rgba(199,124,42,.5);
  --glow:radial-gradient(70% 60% at 50% 0%,rgba(199,124,42,.16),transparent 70%);
  --f-display:"Fraunces",Georgia,serif;
  --f-sc:"Fraunces",Georgia,serif;
  --f-body:"Karla",system-ui,sans-serif;
  --ph-a:#F2E2CD; --ph-b:#FCF6EE;
}

/* ─────────────────────────── SALON · soft, luxurious ───────────────── */
[data-theme="salon"]{
  color-scheme:light;
  --bg:#FBF7F8;  --bg-2:#F6EEF2;  --surface:#FFFFFF;  --surface-2:#F9F2F5;
  --line:rgba(93,29,58,.12);      --line-2:rgba(93,29,58,.22);
  --text:#3A2130;  --text-dim:#6A4A5B;  --text-mute:#8B6C7C;
  --brand:#A8437A;  --brand-2:#C4629A;  --brand-ink:#FFFFFF;
  --accent:#7C5AA6;
  --scrim-hero:linear-gradient(to top,var(--bg) 2%,rgba(251,247,248,.86) 26%,rgba(251,247,248,.32) 60%,rgba(58,33,48,.28) 100%);
  --scrim-card:linear-gradient(to top,rgba(255,255,255,.96) 2%,transparent 52%);
  --shadow:0 30px 60px -32px rgba(93,29,58,.26);
  --shadow-brand:0 18px 46px -18px rgba(196,98,154,.45);
  --glow:radial-gradient(70% 60% at 50% 0%,rgba(124,90,166,.13),transparent 70%);
  --f-display:"Cormorant Garamond",Georgia,serif;
  --f-sc:"Cormorant Garamond",Georgia,serif;
  --f-body:"Inter",system-ui,sans-serif;
  --ph-a:#F0E2EA; --ph-b:#FBF5F8;
}

/* ─────────────────────────── SERVICES · navy, sober ────────────────── */
[data-theme="services"]{
  color-scheme:light;
  --bg:#F8FAFB;  --bg-2:#EEF2F6;  --surface:#FFFFFF;  --surface-2:#F3F6F9;
  --line:rgba(15,42,66,.13);      --line-2:rgba(15,42,66,.24);
  --text:#12283C;  --text-dim:#40566B;  --text-mute:#5F7488;
  --brand:#15446E;  --brand-2:#2C6FA8;  --brand-ink:#FFFFFF;
  --accent:#B08325;
  --scrim-hero:linear-gradient(to top,var(--bg) 2%,rgba(248,250,251,.88) 26%,rgba(248,250,251,.34) 60%,rgba(18,40,60,.30) 100%);
  --scrim-card:linear-gradient(to top,rgba(255,255,255,.96) 2%,transparent 52%);
  --shadow:0 30px 60px -32px rgba(15,42,66,.3);
  --shadow-brand:0 18px 46px -18px rgba(44,111,168,.45);
  --glow:radial-gradient(70% 60% at 50% 0%,rgba(44,111,168,.12),transparent 70%);
  --f-display:"Fraunces",Georgia,serif;
  --f-sc:"Fraunces",Georgia,serif;
  --f-body:"Inter",system-ui,sans-serif;
  --ph-a:#E3EAF1; --ph-b:#F5F8FA;
}