/* Design tokens — Вселенная IT (design-universe-original). Shared: site + embed. */

:root,
html[data-theme='light'] {
  color-scheme: light;
  --it-primary: #7b68ee;
  --it-primary-dark: #6a5acd;
  --it-primary-light: #9370db;
  --bg: #ffffff;
  --surface: #fafafa;
  --text: #2c3e50;
  --muted: #5a6c7d;
  --border: color-mix(in srgb, var(--it-primary) 14%, #e8e8ef);
  --accent: var(--it-primary);
  --accent-soft: #f0f0ff;
  --accent-hover: var(--it-primary-dark);
  --shadow-sm: 0 2px 8px rgba(123, 104, 238, 0.1);
  --shadow-md: 0 4px 16px rgba(123, 104, 238, 0.15);
  --code-bg: #f4f4f8;
  --code-border: color-mix(in srgb, var(--it-primary) 12%, #d8d8e4);
  --code-fg: #2c3e50;
  --radius: 12px;
  --font: 'Segoe UI', system-ui, sans-serif;
  --mono: Consolas, 'Cascadia Code', 'Fira Code', monospace;
}

html[data-theme='dark'] {
  color-scheme: dark;
  --it-primary: #9370db;
  --it-primary-dark: #7b68ee;
  --it-primary-light: #b19cd9;
  --bg: #1a1a1a;
  --surface: #2a2a2a;
  --text: #e8e8e8;
  --muted: #b0b0b0;
  --border: color-mix(in srgb, var(--it-primary) 18%, #3a3a3a);
  --accent: var(--it-primary);
  --accent-soft: #3a2a5a;
  --accent-hover: var(--it-primary-light);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.35);
  --code-bg: #1e1e28;
  --code-border: #3d3d4d;
  --code-fg: #e8e8e8;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --it-primary: #9370db;
    --it-primary-dark: #7b68ee;
    --it-primary-light: #b19cd9;
    --bg: #1a1a1a;
    --surface: #2a2a2a;
    --text: #e8e8e8;
    --muted: #b0b0b0;
    --border: color-mix(in srgb, var(--it-primary) 18%, #3a3a3a);
    --accent: var(--it-primary);
    --accent-soft: #3a2a5a;
    --accent-hover: var(--it-primary-light);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.35);
    --code-bg: #1e1e28;
    --code-border: #3d3d4d;
    --code-fg: #e8e8e8;
  }
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
  }
}