/* ============================================
   DESIGN TOKENS
   Усі змінні проєкту в одному місці.
   ============================================ */

:root {
  /* Колір — основа */
  --bg: #0e0e0c;
  --bg-elev: #15161a;
  --ink: #f3f1ea;
  --ink-dim: #a8a59c;
  --rule: #2a2a28;

  /* Колір — акцентний */
  --accent: #d4ff3a;       /* кислотний лайм */
  --accent-2: #ff4422;     /* тривожний помаранчево-червоний */
  --paper: #efe9dc;        /* теплий газетний для світлих секцій */
  --paper-ink: #14130f;

  /* Типографіка */
  --f-display: 'Unbounded', system-ui, sans-serif;
  --f-body: 'Spectral', Georgia, serif;
  --f-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Розміри */
  --container: 1440px;
  --gutter: 32px;
  --gutter-sm: 16px;

  /* Швидкості анімацій */
  --t-fast: .15s;
  --t-base: .25s;
  --t-slow: .4s;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}