:root {
  color-scheme: dark light;

  --bg: #0c0a1d;
  --bg2: #16123b;
  --surface: rgba(255, 255, 255, 0.045);
  --surface-strong: rgba(255, 255, 255, 0.085);
  --line: rgba(255, 255, 255, 0.12);
  --line-strong: rgba(255, 255, 255, 0.28);
  --control-line: rgba(255, 255, 255, 0.4);
  --text: #ece9fb;
  --muted: #aaa5d3;
  --accent: #8b7bff;
  --accent2: #d873d8;
  --on-accent: #0c0a1d;
  --glow: 0 0 30px rgba(139, 123, 255, 0.4);
  --header-bg: rgba(12, 10, 29, 0.82);
  --danger: #ff7a90;
  --warning: #ffb454;
  --success: #6fdc9c;

  --logo-word: #5e4cff;
  --logo-m: #b84db8;
  --logo-r: #000000;
  --pill-bg: #ffffff;
  --media-bg: #000000;
  --overlay-bg: rgba(0, 0, 0, 0.6);
  --shadow-pill: 0 2px 12px rgba(0, 0, 0, 0.28);
  --shadow-media: 0 24px 70px rgba(0, 0, 0, 0.4);
  --shadow-card: 0 10px 34px rgba(0, 0, 0, 0.3);

  --font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --container-width: 1120px;
  --gutter: 24px;
  --radius: 14px;
  --radius-lg: 18px;
  --header-height: 68px;
  --footer-height: 52px;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #f6f5fc;
    --bg2: #ebe7f8;
    --surface: #ffffff;
    --surface-strong: #efecfa;
    --line: rgba(21, 18, 46, 0.13);
    --line-strong: rgba(21, 18, 46, 0.3);
    --control-line: rgba(21, 18, 46, 0.5);
    --text: #15122e;
    --muted: #4f4a78;
    --accent: #4b33e6;
    --accent2: #9a2f9a;
    --on-accent: #ffffff;
    --glow: 0 6px 26px rgba(75, 51, 230, 0.25);
    --header-bg: rgba(246, 245, 252, 0.86);
    --danger: #b3203f;
    --warning: #8a5200;
    --success: #1f7a47;

    --overlay-bg: rgba(21, 18, 46, 0.45);
    --shadow-media: 0 18px 50px rgba(21, 18, 46, 0.22);
    --shadow-card: 0 8px 26px rgba(21, 18, 46, 0.14);
  }
}