/* =========================================================
   I•Match · tokens.css — ЕДИНЫЕ дизайн-токены всех страниц
   Подключается ПЕРВЫМ в index/rec/admin/consent/promo/*.
   Правило (DESIGN.md): новые цвета/радиусы/анимации — только здесь.
   ========================================================= */
:root {
  /* --- шрифты (self-hosted, web/fonts/, см. fonts.css) --- */
  --font-main: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: "Unbounded", "Manrope", ui-sans-serif, system-ui, sans-serif;

  /* --- фон и поверхности (dark, канонические) --- */
  --canvas: #050508;
  --surface-1: #0c0c12;
  --surface-2: #12121a;
  --surface-3: #181822;
  --surface-glass: rgba(14, 14, 22, 0.72);

  /* --- текст (контраст проверен: subtle ≥ 4.5:1 на canvas) --- */
  --ink: #f4f4f7;
  --ink-muted: #c4c4d0;
  --ink-subtle: #9a9aa8;
  --ink-tertiary: #6a6a7c;

  /* --- акцент (lavender) --- */
  --accent: #6d5efc;
  --accent-2: #22d3ee;
  --accent-3: #a78bfa;
  --accent-hover: #8b7cff;
  --accent-soft: rgba(109, 94, 252, 0.18);
  --accent-glow: rgba(109, 94, 252, 0.45);

  /* --- статусы --- */
  --success: #34d399;
  --success-soft: rgba(52, 211, 153, 0.15);
  --danger: #fb7185;
  --danger-soft: rgba(251, 113, 133, 0.15);
  --warning: #fbbf24;

  /* --- линии --- */
  --hairline: rgba(255, 255, 255, 0.08);
  --hairline-strong: rgba(255, 255, 255, 0.14);

  /* --- радиусы (масштаб сайта) --- */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-pill: 9999px;

  /* --- движение --- */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur: 0.45s;

  /* --- safe-area --- */
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);

  /* --- алиасы админки (легаси styles.css) --- */
  --bg: var(--canvas);
  --bg-s: var(--surface-glass);
  --bg-e: var(--surface-2);
  --border: var(--hairline);
  --border-h: var(--hairline-strong);
  --text: var(--ink);
  --text-d: var(--ink-subtle);
  --text-m: var(--ink-tertiary);
  --emerald: var(--success);
  --amber: var(--warning);
  --radius: var(--r-lg);

  /* --- совместимость промо-страниц (их имена → канонические) --- */
  --surface: var(--surface-1);
  --surface-4: #1e1e30;
  --body: var(--ink-muted);
  --mute: var(--ink-subtle);
  --hairline-soft: rgba(255, 255, 255, 0.1);
  --rose: #ff4d6d;
  --rose-soft: rgba(255, 77, 109, 0.15);
  --green: #59d499;
  --green-soft: rgba(89, 212, 153, 0.14);
  --gold: #ffc65c;
  --gold-soft: rgba(255, 198, 92, 0.14);
  --red: #ff6b6b;

  /* --- шкала радиусов промо (open-props) --- */
  --radius-1: 2px; --radius-2: 4px; --radius-3: 8px; --radius-4: 12px;
  --radius-5: 16px; --radius-6: 24px; --radius-7: 32px; --radius-10: 999px;

  /* --- тени промо (open-props, адаптированные) --- */
  --shadow-1: 0 1px 2px -1px rgb(0 0 0 / .25);
  --shadow-2: 0 3px 5px -2px rgb(0 0 0 / .3);
  --shadow-3: 0 10px 15px -3px rgb(0 0 0 / .28), 0 4px 6px -4px rgb(0 0 0 / .16);
  --shadow-4: 0 24px 38px 3px rgb(0 0 0 / .22), 0 9px 46px 8px rgb(0 0 0 / .14), 0 11px 15px -7px rgb(0 0 0 / .22);
  --shadow-5: 0 38px 60px 6px rgb(0 0 0 / .24), 0 12px 70px 8px rgb(0 0 0 / .14), 0 14px 24px -9px rgb(0 0 0 / .24);
  --shadow-6: 0 48px 100px 0 rgb(0 0 0 / .26), 0 16px 90px 12px rgb(0 0 0 / .16), 0 18px 36px -12px rgb(0 0 0 / .24);

  /* --- easing промо (open-props) --- */
  --ease-1: cubic-bezier(.25, 0, .5, 1);
  --ease-2: cubic-bezier(.25, 0, .4, 1);
  --ease-3: cubic-bezier(.25, 0, .3, 1);
  --ease-4: cubic-bezier(.25, 0, .2, 1);
  --ease-5: cubic-bezier(.25, 0, .15, 1);
  --ease-spring-2: cubic-bezier(.5, 1.25, .75, 1.25);
  --ease-elastic-3: cubic-bezier(.5, .75, .75, 1.25);
}