/* Design tokens (foundation). Blueprint §2 with the 2026-10-20 decision applied:
   silver / white-gold replaces the champagne-gold accent. The champagne-named tokens are kept
   as aliases (so module CSS written against the blueprint still works) but now resolve to silver.
   Warm gold survives only for the dibla (--c-dibla*) and candlelight (--c-glow, --c-bulb, --c-flame). */
@layer base, sections, systems, overrides;
:root{
  color-scheme: only light;
  /* grounds */
  --c-cream:#FAF6F0; --c-ivory:#FFFDF9; --c-linen:#E9EEE2; --c-paper-line:#EDE3D8; --c-halo:#F6EFE6;
  --c-stone:#EFE7DC; --c-stone-hi:#F6F0E8; --c-stone-shadow:#D9CFC2;
  /* blush / rose */
  --c-blush-50:#FCF1F3; --c-blush-100:#F8E4E8; --c-blush-200:#F3D9E0; --c-blush-300:#EBC3CF; --c-blush-400:#D99BAE;
  --c-rose:#B0647C; --c-rose-700:#9A4E66; --c-rose-800:#8E3F58;
  --c-wax-1:#E7B9C5; --c-wax-2:#C98197; --c-wax-3:#A8576F;
  /* sage / forest */
  --c-sage-50:#F2F6EE; --c-sage-100:#E3ECDD; --c-sage-200:#CFE0CC; --c-sage-300:#B7CBAF;
  --c-sage-400:#8FAE8B; --c-sage-600:#5E7F62; --c-forest:#3E5A45; --c-ink:#2F4A3B; --c-ink-2:#4F6355;
  /* silver / white gold: THE accent metal (logo, diamonds, hairlines, frames, sparkle, button edges) */
  --c-silver-700:#6F777E;   /* shadow of the metal; decorative */
  --c-silver-500:#A9B0B6;   /* body of the metal; hairlines, rules */
  --c-silver-200:#E9EDF0;   /* bright */
  --c-silver-hi:#FFFFFF;    /* specular highlight */
  --c-silver-ink:#545C63;   /* silver-grey TEXT (6.3:1 on cream, 5.9:1 on halo) */
  --grad-silver: linear-gradient(115deg, #6F777E 0%, #A9B0B6 34%, #E9EDF0 50%, #FFFFFF 54%, #E9EDF0 60%, #A9B0B6 78%, #6F777E 100%);
  /* legacy champagne names → silver (do not use for new work; read as silver) */
  --c-champagne:var(--c-silver-500); --c-champagne-hi:var(--c-silver-200); --c-gold-ink:var(--c-silver-ink);
  --c-amp:#7F878E;          /* the ampersand / و in the names */
  /* warm gold: ONLY the dibla and candlelight */
  --c-dibla:#D4A848; --c-dibla-hi:#F6DE8F; --c-dibla-lo:#9C7A2E; --c-warm-gold:#C9A96E;
  --c-glow:#FFE7B3; --c-bulb:#FFF4DC; --c-bulb-halo:rgba(255,226,179,.35); --c-flame:#FFD58A;
  --c-metal:#EEF0F0; --c-metal-lo:#B9BEC2; --c-diamond:#FFFFFF; --c-ice:#DCEBF2;
  --c-navy:#22324F; --c-navy-mid:#2F4468; --c-navy-hi:#4A6189;   /* Ahmed's suit ONLY */
  --c-raspberry:#D4566E; --c-raspberry-hi:#F2A0B0;                /* tart ONLY */
  /* sky keyframes (top, upper, lower, horizon) */
  /* mirrors venue.js SKY_KEYS (top, upper, lower, horizon): the venue paints the sky itself */
  --sky-1652: #CFDCCB,#F2D9C4,#F8C793,#FFDDA0;  --sky-1720: #B5C0BA,#E2B4B3,#EEA7A1,#F6BB9A;
  --sky-1800: #97A9AC,#C99FA8,#E39B9E,#F0B097;  --sky-2100: #45656E,#62828A,#93A8A3,#CDAE9C;
  --sky-2330: #2B4750,#3C5D64,#5A7877,#8C9685;
  --pool-day:#DCEBE5; --pool-night:#A9BFB2; --glow-blush:#F5C9D3; --glow-champ:#E9EDF0; --glow-silver:#E9EDF0; --glow-mint:#CFE5C8;
  /* type scale */
  --fs-names: clamp(48px, 14.2vw, 62px); --fs-display: clamp(30px, 8.4vw, 36px); --fs-time: clamp(40px, 11vw, 48px);
  --fs-lead: clamp(18px, 4.8vw, 20px); --fs-tag: clamp(21px, 5.6vw, 24px);
  --fs-body: 18px; --lh-body: 1.5; --fs-small: 15px; --fs-label: 11.5px; --tr-label: .24em;
  --fs-btn: 17px; --fs-input: 17px;
  /* spacing */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px;
  --gutter: clamp(20px, 6vw, 28px); --col-max: 480px;
  /* radii & shadows */
  --r-chip:999px; --r-btn:26px; --r-card:24px; --r-sheet:28px; --r-field:14px;
  --sh-card: 0 18px 40px rgba(47,74,58,.10), 0 2px 6px rgba(47,74,58,.06);
  --sh-pill: 0 10px 24px -8px rgba(62,90,69,.35), inset 0 1px 0 rgba(255,255,255,.9);
  --hairline: 1px solid rgba(169,176,182,.9); --hairline-in: 1px solid rgba(169,176,182,.45);
  /* motion */
  --ease-out-soft: cubic-bezier(.22,.7,.2,1);  --ease-silk: cubic-bezier(.65,0,.35,1);
  --ease-out-expo: cubic-bezier(.16,1,.3,1);   --ease-in-out-expo: cubic-bezier(.87,0,.13,1);
  --ease-pop: cubic-bezier(.2,1.6,.4,1);       --ease-glint: cubic-bezier(.45,0,.2,1);
  --ease-in: cubic-bezier(.5,0,.75,0);
  --dur-press:120ms; --dur-micro:200ms; --dur-text:420ms; --dur-card:600ms; --dur-flight:700ms; --dur-camera:1400ms;
  /* viewport (JS refines --vh-large / --S) */
  --vh-small:100vh; --vh-small:100svh; --vh-large:100vh; --vh-large:100lvh; --vh-dyn:100vh; --vh-dyn:100dvh;
  --safe-b: max(12px, env(safe-area-inset-bottom)); --safe-t: env(safe-area-inset-top, 0px);
  --S: 1; --dir: 1;
  /* z-index */
  --z-stage:0; --z-content:1; --z-fx:40; --z-ui:50; --z-opening:60; --z-fx-intro:65; --z-ui-intro:70; --z-sheet:80; --z-toast:90; --z-debug:100;
  /* fonts */
  --font-serif:'Cormorant Garamond','Iowan Old Style',Georgia,serif;
  --font-display:var(--font-serif); --font-label:var(--font-serif); --font-ui:var(--font-serif);
}
:root:lang(ar){
  --dir:-1;
  --font-serif:'Amiri','Cormorant Garamond','Geeza Pro',serif;
  --font-display:'Aref Ruqaa','Amiri',serif;
  --font-label:'El Messiri','Geeza Pro',sans-serif; --font-ui:'El Messiri','Geeza Pro',sans-serif;
  --fs-body:19px; --lh-body:1.8; --fs-label:14px; --tr-label:0; --fs-display: clamp(30px, 8.6vw, 38px);
}