/* Qazaqstan Today — generated from tokens.json */
:root, html[data-theme="light"] {
  --bg: #f5f3f7;
  --surface: #ffffff;
  --surface-2: #f0edf3;
  --surface-3: #e8e3ed;
  --nav-bg: rgba(255,255,255,0.86);
  --border: #e4dfe9;
  --border-control: #8e8599;
  --ink: #1c1921;
  --ink-2: #4f4857;
  --ink-3: #6c6575;
  --brand: #5a3f6c;
  --brand-hover: #4b3360;
  --on-brand: #ffffff;
  --brand-text: #5a3f6c;
  --brand-soft: #efe8f4;
  --accent: #b07a26;
  --accent-text: #8a5a12;
  --accent-soft: #fbf1e0;
  --chart-bar: #7a5e8f;
  --chart-track: #f0edf3;
  --success-text: #25704a;
  --success-soft: #e5f3eb;
  --danger-text: #a83a33;
  --danger-soft: #fbeae8;
  --neutral-soft: #eeebf1;
  --platform-telegram: #229ed9;
  --platform-instagram: #c13584;
  --platform-youtube: #d9302a;
  --focus-ring: #5a3f6c;
  --overlay: rgba(28,25,33,0.40);
  --shadow-1: 0 1px 2px rgba(28,25,33,0.04), 0 1px 1px rgba(28,25,33,0.03);
  --shadow-2: 0 6px 20px rgba(48,30,60,0.08), 0 2px 6px rgba(48,30,60,0.05);
  --shadow-3: -16px 0 48px rgba(28,25,33,0.16);
}
html[data-theme="dark"] {
  --bg: #121016;
  --surface: #1b1820;
  --surface-2: #24202a;
  --surface-3: #2e2934;
  --nav-bg: rgba(27,24,32,0.86);
  --border: #2f2a36;
  --border-control: #766e80;
  --ink: #eeeaf2;
  --ink-2: #bdb5c6;
  --ink-3: #958d9f;
  --brand: #7d5a96;
  --brand-hover: #8d69a8;
  --on-brand: #ffffff;
  --brand-text: #c4a6dc;
  --brand-soft: #2d2438;
  --accent: #e6b766;
  --accent-text: #e6b766;
  --accent-soft: #3a2e1c;
  --chart-bar: #9b7cb5;
  --chart-track: #24202a;
  --success-text: #78d3a1;
  --success-soft: #1d3328;
  --danger-text: #f09089;
  --danger-soft: #3a1f1e;
  --neutral-soft: #2a2630;
  --platform-telegram: #4cb3e6;
  --platform-instagram: #e06aa8;
  --platform-youtube: #f0605a;
  --focus-ring: #c4a6dc;
  --overlay: rgba(0,0,0,0.60);
  --shadow-1: 0 1px 2px rgba(0,0,0,0.30);
  --shadow-2: 0 8px 24px rgba(0,0,0,0.45);
  --shadow-3: -16px 0 48px rgba(0,0,0,0.60);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --font-display: Geologica, "Onest", system-ui, sans-serif;
  --font-text: Onest, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}