/* ════════════════════════════════════════════
   Design Tokens — Акварели Джульджи
   ════════════════════════════════════════════ */

:root {
  /* Palette */
  --color-bg:            #f5f2ec;
  --color-surface:       #fffefb;
  --color-surface-alt:   #f0ece4;
  --color-border:        #e4dfd6;
  --color-accent:        #b8546a;
  --gradient-btn:        linear-gradient(135deg, #5a9bc4 0%, #c97d45 45%, #c9a84a 75%, #7d5a8a 100%);
  --gradient-btn-hover:  linear-gradient(135deg, #6aaed9 0%, #e09255 45%, #ddb85a 75%, #906d9d 100%);
  --btn-text-shadow:     0 1px 2px rgba(0,0,0,0.25);
  --color-accent-hover:  #a04560;
  --color-sage:          #7a8c6e;
  --color-terracotta:    #a05c3c;
  --color-gold:          #c4983a;
  --color-sky:           #6b9ab8;

  /* Text */
  --color-text-primary:   #2c2825;
  --color-text-secondary: #7a7066;
  --color-text-muted:     #b0a89e;
  --color-text-on-accent: #ffffff;

  /* Typography */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-script:  'Great Vibes', cursive;
  --font-sub:     'Cormorant Garamond', Georgia, serif;
  --font-body:    'Nunito', 'DM Sans', system-ui, sans-serif;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Radii */
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-xl:  28px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(44,40,37,0.08);
  --shadow-md:  0 4px 16px rgba(44,40,37,0.10);
  --shadow-lg:  0 8px 32px rgba(44,40,37,0.14);
  --shadow-xl:  0 16px 48px rgba(44,40,37,0.18);

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;

  /* Z-index */
  --z-sticky:   100;
  --z-overlay:  150;
  --z-drawer:   200;
  --z-modal:    300;
  --z-toast:    400;
  --z-fab:      210;
}