/* ═══════════════════════════════════════════════════════════════
   MONZZARO DESIGN TOKENS — system "C · Gallery Minimal + per-perfume accent"
   Locked by Faiz 2026-07-14 (mock: assets/web/mz-web-systems.html).
   Shell stays quiet; the bottles are the palette.
   ═══════════════════════════════════════════════════════════════ */
:root{
  /* shell (revised 2026-07-15: all backgrounds white or MZ grey) */
  --bg:        #FFFFFF;   /* white shell */
  --bg-alt:    #FFFFFF;   /* white (was soft beige) */
  --grey:      #2D2D2F;   /* MZ grey — all dark bands */
  --surface:   #FFFFFF;   /* cards */
  --line:      #ECE7DF;   /* hairline borders */
  --ink:       #383636;   /* charcoal — master ink */
  --ink-soft:  #6E6B77;   /* secondary text */
  --stone:     #B8AFA3;   /* neutral accent (eyebrows, quiet labels) */
  --oud-navy:  #192A3E;   /* reserved: Oud styling / brand-world support */

  /* per-perfume accents (liquid-derived, from approved mock) */
  --midsea:  #B4CFE0;  --midsea-ink:  #2F6396;
  --divine:  #C85F22;  --divine-ink:  #B8431A;
  --crown:   #B0703A;  --crown-ink:   #A2621A;
  --bsunset: #C7CDD3;  --bsunset-ink: #63666F;
  --rich:    #B43A9E;  --rich-ink:    #9A2B8F;
  --rose:    #C76B72;  --rose-ink:    #B03348;
  --ocean:   #2d6390;  --ocean-ink:   #2d6390;
  --storm:   #253955;  --storm-ink:   #253955;
  --saharan: #D2A23A;  --saharan-ink: #A87F26;
  --silk:    #E85C86;  --silk-ink:    #C74468;

  /* type */
  --font-display: 'Roboto', sans-serif;
  --font-body:    'Inter', sans-serif;
  --track-wide:  .28em;   /* wordmark / big display */
  --track-label: .22em;   /* ctas, eyebrows */
  --track-nav:   .14em;

  /* type scale (desktop) */
  --fs-hero:   clamp(1.625rem, 3.2vw, 2.5rem);
  --fs-h2:     clamp(1.125rem, 2vw, 1.5rem);
  --fs-h3:     0.9375rem;
  --fs-body:   0.9375rem;
  --fs-small:  0.8125rem;
  --fs-label:  0.6875rem;
  --lh-body:   1.75;
  --lh-display:1.35;

  /* space (0.5rem base) */
  --s1:0.5rem; --s2:1rem; --s3:1.5rem; --s4:2rem; --s5:3rem; --s6:4rem; --s7:6rem;
  --pad-x: clamp(1.25rem, 4.5vw, 3rem);   /* page gutter */
  --max-w: 73.75rem;

  /* misc */
  --radius: 0;          /* gallery = sharp edges; premium-minimal */
  --shadow-soft: 0 0.625rem 1.875rem rgba(56,54,54,.07);
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur-fast:.18s; --dur:.3s; --dur-slow:.55s;
}
/* per-perfume scoping: <section data-accent="rose"> etc.
   --deep = darkest well-represented color sampled from the actual bottle photo */
[data-accent="midsea"]  {--accent:var(--midsea);  --accent-ink:var(--midsea-ink);  --deep:#2F6396;}
[data-accent="divine"]  {--accent:var(--divine);  --accent-ink:var(--divine-ink);  --deep:#B8431A;}
[data-accent="crown"]   {--accent:var(--crown);   --accent-ink:var(--crown-ink);   --deep:#A2621A;}
[data-accent="bsunset"] {--accent:var(--bsunset); --accent-ink:var(--bsunset-ink); --deep:#63666F;}
[data-accent="rich"]    {--accent:var(--rich);    --accent-ink:var(--rich-ink);    --deep:#9A2B8F;}
[data-accent="rose"]    {--accent:var(--rose);    --accent-ink:var(--rose-ink);    --deep:#B03348;}
[data-accent="ocean"]   {--accent:var(--ocean);   --accent-ink:var(--ocean-ink);   --deep:#24405E;}
[data-accent="storm"]   {--accent:var(--storm);   --accent-ink:var(--storm-ink);   --deep:#2E4468;}
[data-accent="saharan"] {--accent:var(--saharan); --accent-ink:var(--saharan-ink); --deep:#8A6620;}
[data-accent="silk"]    {--accent:var(--silk);    --accent-ink:var(--silk-ink);    --deep:#B23A62;}