/* ============================================================
   DAYEK — Design Tokens
   Палитра «Темір» (Iron), переложенная в редакционную
   broadsheet-систему (на базе Outsource Consultants reference).
   Bone → Stone · Indigo Strike → Graphite + Amber-искра.
   ============================================================ */

:root {
  /* ---------- Палитра «Темір» ---------- */
  --graphite:    #2A2A2A;   /* основной ink */
  --graphite-2:  #1F2228;   /* логотип / богатый тёмный */
  --deep-iron:   #12141A;   /* самый тёмный full-bleed */
  --amber:       #D69E2E;   /* акцент — искра */
  --amber-glow:  #E8B859;   /* hover */
  --amber-dark:  #A57736;   /* печать/гравировка */
  --bronze:      #5A4632;   /* альт. акцент (бумага) */
  --stone:       #EFEEEA;   /* базовый канвас */
  --stone-light: #F7F6F2;   /* светлее канвас */
  --warm-grey:   #6B6055;   /* вторичный текст, мета */
  --white:       #FFFFFF;
  --success:     #297F46;
  --alert:       #B52D2D;

  /* ---------- Семантика поверхностей ---------- */
  --canvas:      var(--stone);
  --canvas-alt:  var(--stone-light);
  --ink:         var(--graphite);
  --ink-soft:    var(--warm-grey);
  --strike:      var(--graphite-2);   /* тональный разрыв (был indigo) */
  --strike-deep: var(--deep-iron);
  --accent:      var(--amber);
  --accent-hi:   var(--amber-glow);
  --on-dark:     var(--stone);        /* текст на тёмном */

  --hairline:    rgba(42, 42, 42, 0.14);   /* 1px разделители */
  --hairline-on-dark: rgba(239, 238, 234, 0.16);

  /* ---------- Типографика ---------- */
  --font-display:  'Manrope', 'Futura', 'Avenir Next', 'Archivo', system-ui, sans-serif;
  --font-wordmark: 'Rubik Mono One', ui-monospace, monospace; /* вордмарк/глифы D·A·Y·E·K */
  --font-body:     'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-mono:     'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace;

  /* Шкала — экстремальный ratio как в reference (~13:1) */
  --text-display: clamp(2.6rem, 9.4vw, 7.5rem);  /* герой — кириллица целиком */
  --text-mega:    clamp(2.6rem, 8.5vw, 7rem);     /* буквы-главы D·A·Y·E·K */
  --text-h1:      clamp(2.2rem, 5vw, 3.4rem);
  --text-h2:      clamp(1.8rem, 3.4vw, 2.875rem); /* 46px */
  --text-h3:      1.5rem;     /* 24 */
  --text-body-lg: 1.125rem;   /* 18 */
  --text-body:    1rem;       /* 16 */
  --text-caption: 0.625rem;   /* 10 mono */
  --text-mono-sm: 0.75rem;    /* 12 mono */

  --lead-display: 0.92;
  --lead-tight:   1.04;
  --lead-body:    1.55;

  --track-mono:   0.02em;
  --track-mono-tight: -0.04em;
  --track-display: -0.02em;

  /* ---------- Раскладка ---------- */
  --maxw:        1320px;
  --gutter:      clamp(1.25rem, 4vw, 4rem);
  --section-gap: clamp(4.5rem, 9vw, 8rem);
  --radius:      0px;   /* острые углы — везде */

  /* ---------- Движение ---------- */
  --ease:        cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast:    220ms;
  --dur:         640ms;
  --dur-slow:    1100ms;
}