/* ============================================================
   TOKENS — единственный источник правды для дизайн-системы.
   Палитра: «лесной премиум» (глубокий зелёный + золото + кость).
   Шрифт: Sora (300–600).
   ============================================================ */
:root {
  /* --- Палитра --- */
  --bg-dark:      #0F1A14;
  --bg-light:     #F5F3EE;
  --bg-elevated:  #1A2620;
  --bg-card:      #FFFFFF;

  --text-primary-dark:   #F5F3EE;   /* текст на тёмном */
  --text-primary-light:  #0F1A14;   /* текст на светлом */
  --text-muted-dark:     #8B9489;
  --text-muted-light:    #6B7568;
  --text-soft-light:     #4A4A4A;

  --accent-gold:        #e1e1e1;
  --accent-gold-hover:  #D4B670;
  --accent-gold-deep:   #A88B47;
  --accent-emerald:     #2D4A3E;

  --border-dark:   rgba(245, 243, 238, 0.08);
  --border-light:  rgba(15, 26, 20, 0.08);
  --border-soft:   #E5E2DA;
  --border-gold:   rgba(201, 169, 97, 0.25);

  --shadow-soft:    0 4px 24px rgba(15, 26, 20, 0.08);
  --shadow-medium:  0 8px 32px rgba(15, 26, 20, 0.12);
  --shadow-strong:  0 12px 48px rgba(15, 26, 20, 0.18);
  --shadow-gold:    0 8px 24px rgba(201, 169, 97, 0.28);

  /* --- Типографика --- */
  --font-primary: 'Sora', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  --fs-hero:     clamp(2.5rem, 5vw, 4.5rem);
  --fs-h1:       clamp(2.25rem, 4.2vw, 3.75rem);
  --fs-h2:       clamp(1.75rem, 3vw, 2.5rem);
  --fs-h3:       clamp(1.375rem, 2vw, 1.75rem);
  --fs-body-lg:  clamp(1rem, 1.2vw, 1.125rem);
  --fs-body:     1rem;
  --fs-small:    0.875rem;
  --fs-micro:    0.75rem;

  --fw-light:    300;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;

  --lh-tight:    1.05;
  --lh-snug:     1.2;
  --lh-normal:   1.5;
  --lh-relaxed:  1.7;

  --ls-tight:    -0.03em;
  --ls-normal:   0;
  --ls-wide:     0.08em;

   /* --- Раскладка --- */
   --container-max:     1320px;
   --container-padding: clamp(20px, 4vw, 56px);

   /* --- Вертикальные отступы секций --- */
   --section-py:        clamp(64px, 7vw, 96px);   /* стандарт */
   --section-py-lg:     clamp(80px, 9vw, 120px);  /* для крупных блоков (catalog) */

   /* --- Брейкпоинты (для документации) --- */
   /* sm: 640px | md: 1024px | lg: 1320px */

   --radius-sm:   8px;
   --radius-md:   16px;
   --radius-lg:   24px;
   --radius-full: 999px;

  /* --- Анимации --- */
  --ease:             cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-expo:    cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast:  0.2s var(--ease);
  --transition-base:  0.4s var(--ease);
  --transition-slow:  0.8s var(--ease);

  /* --- Слои --- */
  --z-header: 100;
  --z-modal:  200;

  /* ============================================================
     АЛИАСЫ для совместимости с существующим hero.css
     (старые имена → новые токены). Удалить, когда перепишем hero.
     ============================================================ */
  --color-bg:           var(--bg-light);
  --color-ink:          var(--text-primary-light);
  --color-ink-soft:     var(--text-soft-light);
  --color-muted:        var(--text-muted-light);
  --color-line:         var(--border-soft);
  --color-accent:       var(--accent-gold);
  --color-accent-dark:  var(--accent-gold-deep);
  --color-white:        #FFFFFF;

  --font-display: var(--font-primary);
  --font-body:    var(--font-primary);
}