/* AntEx Design System 1.1.0 — сгенерировано из tokens.mjs, не редактировать вручную. */

/* Second Brain: основные шрифты встраиваются локально при сборке панели. */

/* Тёмная тема — основная для бренда. Светлая включается атрибутом data-theme="light". */
:root, :root[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #071412;
  --color-surface: #0B1C19;
  --color-surface-raised: #102A25;
  --color-surface-sunken: #05100E;
  --color-line: #1D322D;
  --color-line-strong: #5F7A6F;
  --color-ink: #FFF2D2;
  --color-ink-muted: #A1AFA8;
  --color-ink-subtle: #8B9F95;
  --color-accent: #D8A84B;
  --color-accent-strong: #F3D48A;
  --color-accent-text: #F3D48A;
  --color-accent-soft: #2A3121;
  --color-on-accent: #071412;
  --color-brand: #24503E;
  --color-brand-glow: #1B4636;
  --color-success: #6FE0A8;
  --color-success-soft: #0F3327;
  --color-warning: #F5A36A;
  --color-warning-soft: #35230F;
  --color-danger: #F2787A;
  --color-danger-soft: #3A1A1E;
}
:root[data-theme="light"] {
  color-scheme: light;
  --color-bg: #C9D5CE;
  --color-surface: #D3DDD7;
  --color-surface-raised: #DCE4DF;
  --color-surface-sunken: #BDCBC3;
  --color-line: #AABAB1;
  --color-line-strong: #5B6E64;
  --color-ink: #0B1C19;
  --color-ink-muted: #3A4A43;
  --color-ink-subtle: #3F4D47;
  --color-accent: #C89A3E;
  --color-accent-strong: #6E4E12;
  --color-accent-text: #573D0C;
  --color-accent-soft: #CFC79C;
  --color-on-accent: #071412;
  --color-brand: #184332;
  --color-brand-glow: #B4C9BC;
  --color-success: #0F5133;
  --color-success-soft: #B3D6C1;
  --color-warning: #6E3606;
  --color-warning-soft: #DDC3A6;
  --color-danger: #841C26;
  --color-danger-soft: #DDBABA;
}
:root {
  --side-bg: #071412;
  --side-line: #1A2D29;
  --side-ink: #FFF2D2;
  --side-muted: #8B9F95;
  --side-active: #102A25;
  --side-accent: #F3D48A;
  --gradient-gold-metal: linear-gradient(125deg, #B98C36 0%, #E9C66D 25%, #FFF0B5 47%, #E6C16B 66%, #D8A84B 100%);
  --gradient-gold-text: linear-gradient(180deg, #FFF0B5 0%, #D8A84B 100%);
  --gradient-gold-line: linear-gradient(90deg, transparent, rgba(216,168,75,.5) 18%, rgba(243,212,138,.6) 50%, rgba(216,168,75,.5) 82%, transparent);
  --gradient-green-glow: radial-gradient(circle at 37% 24%, rgba(37,82,66,.55), rgba(16,42,37,.5) 45%, rgba(7,20,18,.06) 72%);
  --font-display: 'Roboto Condensed', 'Arial Narrow', sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --font-wordmark: 'Unbounded', 'Manrope', sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 160px;
  --page-max: 1440px;
  --content-max: 1200px;
  --text-max: 640px;
  --page-gutter: clamp(16px, 3.33vw, 64px);
  --radius-xs: 6px;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --radius-xl: 48px;
  --radius-full: 999px;
  --border-hairline: 1px solid var(--color-line);
  --border-gold: 1px solid rgba(216,168,75,.27);
  --ring-focus: 0 0 0 3px rgba(243,212,138,.45);
  --shadow-1: 0 1px 0 rgba(255,231,161,.06) inset, 0 10px 30px rgba(0,0,0,.13);
  --shadow-2: 0 1px 0 rgba(255,231,161,.04) inset, 0 12px 28px rgba(0,0,0,.27);
  --shadow-3: 0 24px 60px rgba(0,0,0,.35), 0 0 60px rgba(216,168,75,.06) inset;
  --shadow-gold: 0 1px 0 rgba(255,247,205,.56) inset, 0 8px 30px rgba(0,0,0,.13);
  --glow-gold: 0 0 18px rgba(216,168,75,.25);
  --duration-fast: 180ms;
  --duration-base: 300ms;
  --duration-slow: 450ms;
  --duration-reveal: 600ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --duration-fast: 0ms; --duration-base: 0ms; --duration-slow: 0ms; --duration-reveal: 0ms; }
}

.t-display-xl { font-family: var(--font-display); font-weight: 600; font-size: clamp(48px, 6.11vw, 88px); line-height: 0.98; letter-spacing: -0.035em; }
.t-display-l { font-family: var(--font-display); font-weight: 600; font-size: clamp(40px, 4.72vw, 68px); line-height: 1; letter-spacing: -0.035em; }
.t-h1 { font-family: var(--font-display); font-weight: 600; font-size: clamp(32px, 3.19vw, 46px); line-height: 1.05; letter-spacing: -0.02em; }
.t-h2 { font-family: var(--font-display); font-weight: 500; font-size: clamp(26px, 2.36vw, 34px); line-height: 1.1; letter-spacing: -0.01em; }
.t-h3 { font-family: var(--font-display); font-weight: 500; font-size: 26px; line-height: 1.15; letter-spacing: 0; }
.t-body-l { font-family: var(--font-body); font-weight: 400; font-size: 18px; line-height: 1.6; letter-spacing: 0; }
.t-body { font-family: var(--font-body); font-weight: 400; font-size: 16px; line-height: 1.5; letter-spacing: 0; }
.t-body-strong { font-family: var(--font-body); font-weight: 600; font-size: 16px; line-height: 1.5; letter-spacing: 0; }
.t-small { font-family: var(--font-body); font-weight: 400; font-size: 14px; line-height: 1.5; letter-spacing: 0; }
.t-eyebrow { font-family: var(--font-body); font-weight: 500; font-size: 13px; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; }
.t-caption { font-family: var(--font-body); font-weight: 500; font-size: 12px; line-height: 1.35; letter-spacing: 0.02em; }
.t-num-l { font-family: var(--font-mono); font-weight: 500; font-size: 40px; line-height: 1; letter-spacing: -0.02em; }
.t-num { font-family: var(--font-mono); font-weight: 500; font-size: 14px; line-height: 1.4; letter-spacing: 0; }