/* ==========================================================================
   Design tokens — «Больше хорошего»
   Palette derived from the café's real logo (sage/olive green on ivory)
   and the warm gold neon of the in-store menu board.
   ========================================================================== */

:root {
  /* Color: base */
  --c-cream:        #F7F1E4;
  --c-cream-soft:   #FBF7EE;
  --c-cream-deep:   #EFE6D2;
  --c-ink:          #251C13;
  --c-ink-soft:     #574A3B;
  --c-ink-faint:    #6E6151;

  /* Color: brand green (sampled from logo) */
  --c-sage:         #5C6A42;
  --c-sage-dark:    #333E24;
  --c-sage-deep:    #212B17;
  --c-sage-pale:    #E3E4CF;

  /* Color: accents */
  --c-gold:         #C89A3D;
  --c-gold-soft:    #E7C784;
  --c-terracotta:   #A85B34;
  --c-rose:         #C4574B;
  --c-berry:        #9E3B4B;
  --c-berry-pale:   #F4E1E0;

  /* Seasonal palette — the seasonal menu section recolours itself from
     these via [data-season] (see 04-sections.css → SEASON) */
  --c-autumn-deep:  #1E130B;
  --c-autumn:       #3A2112;
  --c-autumn-warm:  #7A3E1B;
  --c-pumpkin:      #D9822B;
  --c-amber:        #E8B25E;

  /* Surfaces */
  --c-bg:           var(--c-cream);
  --c-surface:      var(--c-cream-soft);
  --c-surface-dark: var(--c-sage-deep);
  --c-line:         rgba(37, 28, 19, 0.13);
  --c-line-dark:    rgba(247, 241, 228, 0.16);

  /* Type */
  --f-display: "Fraunces", "Playfair Display", "PT Serif", Georgia, serif;
  --f-sans: "Golos Text", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

  --fs-hero: clamp(2.75rem, 3.2vw + 2rem, 6rem);
  --fs-h1: clamp(2.25rem, 2vw + 1.6rem, 3.75rem);
  --fs-h2: clamp(1.75rem, 1.4vw + 1.3rem, 2.75rem);
  --fs-h3: clamp(1.25rem, 0.6vw + 1.05rem, 1.65rem);
  --fs-lead: clamp(1.05rem, 0.4vw + 0.95rem, 1.3rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  /* Spacing scale */
  --sp-3xs: 0.25rem;
  --sp-2xs: 0.5rem;
  --sp-xs: 0.75rem;
  --sp-sm: 1rem;
  --sp-md: 1.5rem;
  --sp-lg: 2.5rem;
  --sp-xl: 4rem;
  --sp-2xl: 6rem;
  --sp-3xl: 9rem;

  /* Layout */
  --container-max: 1320px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.25s;
  --dur-med: 0.55s;
  --dur-slow: 0.9s;

  --nav-h: 80px;
  --shadow-soft: 0 20px 60px -25px rgba(37, 28, 19, 0.35);
  --shadow-lift: 0 30px 80px -30px rgba(37, 28, 19, 0.45);
  --shadow-card: 0 12px 30px -18px rgba(37, 28, 19, 0.28);

  /* Liquid-glass surfaces — warm-tinted translucency instead of neutral
     white, so glass panels read as "this café's glass", not generic UI. */
  --glass-blur: blur(18px) saturate(1.5);
  --glass-light-bg: linear-gradient(155deg, rgba(255,253,246,0.42), rgba(255,253,246,0.14));
  --glass-light-border: rgba(255,253,246,0.55);
  --glass-light-shadow: 0 8px 32px -12px rgba(37,28,19,0.28), inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -1px 8px rgba(37,28,19,0.05);
  --glass-dark-bg: linear-gradient(155deg, rgba(255,253,246,0.16), rgba(255,253,246,0.04));
  --glass-dark-border: rgba(255,253,246,0.22);
  --glass-dark-shadow: 0 8px 32px -12px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 8px rgba(0,0,0,0.15);
  --glass-gold-bg: linear-gradient(155deg, rgba(232,197,120,0.85), rgba(200,154,61,0.72));
  --glass-gold-border: rgba(255,238,200,0.65);
  --glass-gold-shadow: 0 8px 28px -10px rgba(150,110,30,0.45), inset 0 1px 0 rgba(255,255,255,0.55), inset 0 -1px 6px rgba(120,85,20,0.25);
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Site is intentionally warm/light throughout — dark mode keeps the
       same brand palette to preserve the café's identity, only nav/footer
       already use the deep sage tones. No separate dark theme needed. */
  }
}