/* EDGE design tokens. Используются и сайтом, и админкой (/admin/): подключайте tokens.css + base.css.
   Тёмная тема по умолчанию (obsidian), светлая — [data-theme="light"]. Роли сети: --role-*. */

:root,
[data-theme="dark"] {
  color-scheme: dark;

  /* поверхности: фиолетово-чёрный обсидиан */
  --bg: #0b0716;
  --bg-deep: #05030c;
  --surface: #151028;
  --surface-2: #1d1638;
  --surface-3: #271d4a;
  --border: #2f2456;
  --border-strong: #4a3a82;

  /* текст (все пары >= AA на --bg / --surface) */
  --text: #ece8fa;
  --text-muted: #aaa1ca;
  --text-faint: #8f86b0;
  --text-on-accent: #ffffff;

  /* акценты */
  --accent: #a47cff;          /* текст/ссылки/иконки на тёмном */
  --accent-strong: #6d3fd6;   /* заливка кнопок (белый текст 6.3:1) */
  --accent-hover: #7f52ee;
  --accent-soft: rgb(164 124 255 / .14);
  --moon: #f6f3ff;
  --lava: #ff6b1f;
  --portal: #7b2fe0;
  --glow: rgb(160 130 255 / .45);

  /* статусы */
  --ok: #4ade80;
  --warn: #fbbf24;
  --danger: #ff7b7b;
  --info: #5cc8ff;
  --ok-bg: rgb(74 222 128 / .12);
  --warn-bg: rgb(251 191 36 / .12);
  --danger-bg: rgb(255 123 123 / .12);

  /* роли сети (текст/бейдж на тёмном) */
  --role-owner: #ff5d5d;
  --role-admin: #ff9b3d;
  --role-moderator: #4ade80;
  --role-helper: #5cc8ff;
  --role-builder: #ffe14d;
  --role-youtuber: #ff7ac8;
  --role-sponsor: #b98aff;
  --role-vip: #4fe3c8;
  --role-player: #a7a2c0;

  --shadow-1: 0 1px 0 rgb(255 255 255 / .04) inset, 0 8px 24px rgb(0 0 0 / .35);
  --shadow-2: 0 1px 0 rgb(255 255 255 / .06) inset, 0 18px 48px rgb(0 0 0 / .5);
  --bevel: inset 0 2px 0 rgb(255 255 255 / .12), inset 0 -3px 0 rgb(0 0 0 / .35);
  --scrim: rgb(5 3 12 / .72);
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f3fc;
  --bg-deep: #ece6f8;
  --surface: #ffffff;
  --surface-2: #f1ecfa;
  --surface-3: #e5ddf5;
  --border: #d8cfee;
  --border-strong: #b9a9e0;
  --text: #1a1230;
  --text-muted: #51476f;
  --text-faint: #6a6089;
  --accent: #5b2fc4;
  --accent-strong: #5b2fc4;
  --accent-hover: #4a22a8;
  --accent-soft: rgb(91 47 196 / .1);
  --moon: #ddd6f6;
  --glow: rgb(91 47 196 / .25);
  --ok: #15803d;
  --warn: #92600a;
  --danger: #b42323;
  --info: #0369a1;
  --ok-bg: rgb(21 128 61 / .1);
  --warn-bg: rgb(146 96 10 / .12);
  --danger-bg: rgb(180 35 35 / .1);
  --role-owner: #c62828;
  --role-admin: #b45309;
  --role-moderator: #15803d;
  --role-helper: #0369a1;
  --role-builder: #7a5f00;
  --role-youtuber: #be185d;
  --role-sponsor: #6d28d9;
  --role-vip: #0f766e;
  --role-player: #5b5575;
  --shadow-1: 0 1px 0 rgb(255 255 255 / .8) inset, 0 6px 18px rgb(60 30 120 / .1);
  --shadow-2: 0 18px 44px rgb(60 30 120 / .18);
  --bevel: inset 0 2px 0 rgb(255 255 255 / .25), inset 0 -3px 0 rgb(0 0 0 / .22);
  --scrim: rgb(246 243 252 / .8);
}

:root {
  /* типографика */
  --font-ui: "Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-pixel: "Press Start 2P", ui-monospace, "SF Mono", Menlo, monospace;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs-xs: .8125rem;
  --fs-sm: .9375rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);
  --fs-2xl: clamp(.95rem, .7rem + 1.1vw, 1.5rem);
  --fs-3xl: clamp(1.05rem, .75rem + 1.5vw, 2.1rem);
  --fs-hero: clamp(1.6rem, .7rem + 3.6vw, 3.6rem);
  --lh-tight: 1.15;
  --lh-body: 1.6;

  /* пространство и форма */
  --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem; --sp-5: 1.5rem;
  --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4.5rem; --sp-9: 6.5rem;
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 12px;
  --container: 1180px;
  --gutter: clamp(1rem, 4vw, 2rem);
  --header-h: 64px;

  /* движение */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur-1: 120ms;
  --dur-2: 240ms;
  --dur-3: 600ms;

  --z-header: 50;
  --z-toast: 90;
}