/* attention.self — токены, сгенерированы из tokens.json. Основные темы: cosmos-dark, cosmos-light; product-* — резерв. */
:root, [data-theme="cosmos-dark"] {
  --bg: #06080f;
  --surface: #0e1320;
  --surface-sunken: #080c16;
  --surface-hover: #162035;
  --field: #162035;
  --border: #1e293b;
  --border-strong: #5f7aa6;
  --text: #e2e8f0;
  --text-muted: #a3b1c6;
  --text-dim: #7d8ba3;
  --accent: #f5c542;
  --on-accent: #0a0e1a;
  --accent-text: #f5c542;
  --accent-soft: #f5c54217;
  --info: #7ec8e3;
  --info-soft: #7ec8e314;
  --success: #22c55e;
  --success-soft: #22c55e1f;
  --danger: #f05252;
  --danger-soft: #ef44441a;
  --warning: #f59e0b;
  --warning-soft: #f59e0b1a;
  --violet: #c084fc;
  --violet-soft: #c084fc1a;
  --focus: #f5c542;
  --brand-navy: #1b2a4a;
  --overlay: #02040ae0;
  --shadow-pop: 0 0 0 1px #f5c54233, 0 24px 64px #000000b3;
  --shadow-card: none;
}
[data-theme="cosmos-light"] {
  --bg: #f6f4ee;
  --surface: #ffffff;
  --surface-sunken: #efece3;
  --surface-hover: #f1ede2;
  --field: #ffffff;
  --border: #e2ddcf;
  --border-strong: #8f8672;
  --text: #0f1424;
  --text-muted: #4a5468;
  --text-dim: #5f6779;
  --accent: #f5c542;
  --on-accent: #0a0e1a;
  --accent-text: #8a6100;
  --accent-soft: #f5c54233;
  --info: #1d6f8c;
  --info-soft: #1d6f8c14;
  --success: #15803d;
  --success-soft: #15803d14;
  --danger: #c81e1e;
  --danger-soft: #c81e1e12;
  --warning: #a65300;
  --warning-soft: #a6530012;
  --violet: #7e22ce;
  --violet-soft: #7e22ce12;
  --focus: #0f1424;
  --brand-navy: #0a0e1a;
  --overlay: #0f142466;
  --shadow-pop: 0 1px 2px #0a0e1a14, 0 12px 32px #0a0e1a1f;
  --shadow-card: 0 1px 2px #0a0e1a0d;
}
[data-theme="product-dark"] {
  --bg: #0b0c0e;
  --surface: #141518;
  --surface-sunken: #0f1012;
  --surface-hover: #1b1d21;
  --field: #18191c;
  --border: #24262b;
  --border-strong: #6c717c;
  --text: #ececef;
  --text-muted: #a0a3ab;
  --text-dim: #81858e;
  --accent: #2563eb;
  --on-accent: #ffffff;
  --accent-text: #7aa7ff;
  --accent-soft: #2563eb24;
  --info: #67c7e0;
  --info-soft: #67c7e01a;
  --success: #3fcf7a;
  --success-soft: #3fcf7a1f;
  --danger: #ff6b6b;
  --danger-soft: #ff6b6b1a;
  --warning: #f5a524;
  --warning-soft: #f5a5241a;
  --violet: #b794f6;
  --violet-soft: #b794f61a;
  --focus: #7aa7ff;
  --brand-navy: #1e2330;
  --overlay: #000000b3;
  --shadow-pop: 0 0 0 1px #ffffff14, 0 16px 48px #00000099;
  --shadow-card: none;
}
[data-theme="product-light"] {
  --bg: #fafafa;
  --surface: #ffffff;
  --surface-sunken: #f4f4f5;
  --surface-hover: #f0f0f2;
  --field: #ffffff;
  --border: #e4e4e7;
  --border-strong: #8a8a94;
  --text: #18181b;
  --text-muted: #52525b;
  --text-dim: #686871;
  --accent: #2563eb;
  --on-accent: #ffffff;
  --accent-text: #1d4ed8;
  --accent-soft: #2563eb14;
  --info: #0e7490;
  --info-soft: #0e749014;
  --success: #15803d;
  --success-soft: #15803d14;
  --danger: #c81e1e;
  --danger-soft: #c81e1e12;
  --warning: #a65300;
  --warning-soft: #a6530012;
  --violet: #6d28d9;
  --violet-soft: #6d28d912;
  --focus: #2563eb;
  --brand-navy: #18181b;
  --overlay: #18181b52;
  --shadow-pop: 0 1px 2px #0000000f, 0 12px 32px #00000014;
  --shadow-card: 0 1px 2px #0000000a;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 9px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 999px;
  --font-exo: "Exo 2", system-ui, sans-serif;
  --font-spacemono: "Space Mono", ui-monospace, monospace;
  --font-onest: Onest, system-ui, sans-serif;
  --font-jetbrains: "JetBrains Mono", ui-monospace, monospace;
}
.cosmos-display { font-family: var(--font-exo); font-size: 32px; line-height: 36px; font-weight: 300; }
.cosmos-wordmark { font-family: var(--font-spacemono); font-size: 20px; line-height: 28px; font-weight: 400; letter-spacing: 0.45em; }
.cosmos-title { font-family: var(--font-spacemono); font-size: 20px; line-height: 28px; font-weight: 400; letter-spacing: 3px; }
.cosmos-section { font-family: var(--font-spacemono); font-size: 13px; line-height: 18px; font-weight: 400; letter-spacing: 0.5px; }
.cosmos-body { font-family: var(--font-exo); font-size: 14px; line-height: 21px; font-weight: 400; }
.cosmos-small { font-family: var(--font-exo); font-size: 12px; line-height: 18px; font-weight: 400; }
.cosmos-label { font-family: var(--font-exo); font-size: 11px; line-height: 14px; font-weight: 400; letter-spacing: 1px; }
.cosmos-data { font-family: var(--font-spacemono); font-size: 12px; line-height: 16px; font-weight: 400; }
.product-display { font-family: var(--font-onest); font-size: 30px; line-height: 36px; font-weight: 600; letter-spacing: -0.6px; }
.product-title { font-family: var(--font-onest); font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: -0.2px; }
.product-section { font-family: var(--font-onest); font-size: 15px; line-height: 22px; font-weight: 600; }
.product-body { font-family: var(--font-onest); font-size: 14px; line-height: 21px; font-weight: 400; }
.product-small { font-family: var(--font-onest); font-size: 12px; line-height: 18px; font-weight: 400; }
.product-label { font-family: var(--font-onest); font-size: 12px; line-height: 16px; font-weight: 500; }
.product-data { font-family: var(--font-jetbrains); font-size: 12px; line-height: 16px; font-weight: 500; }