:root {
  color-scheme: light dark;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --bg: #f5f8fb;
  --bg-elevated: #ffffff;
  --bg-soft: #edf3f8;
  --bg-code: #e8eef4;
  --text: #0e1720;
  --text-muted: #5b6976;
  --border: rgba(14, 23, 32, 0.12);
  --header-bg: rgba(245, 248, 251, 0.86);

  --accent: #179fda;
  --accent-strong: #0b7fb3;
  --accent-soft: rgba(23, 159, 218, 0.11);
  --success: #168a67;
  --warning: #b6760c;
  --danger: #c44a54;
  --focus: rgba(23, 159, 218, 0.34);

  --shadow: 0 22px 65px rgba(18, 33, 48, 0.10);
  --shadow-soft: 0 10px 30px rgba(18, 33, 48, 0.06);

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 34px;

  --container: 1180px;
  --content: 840px;
  --header-height: 72px;
}

html[data-theme="dark"] {
  color-scheme: dark;

  --bg: #090f15;
  --bg-elevated: #0f1821;
  --bg-soft: #14212c;
  --bg-code: #101c26;
  --text: #eef8fd;
  --text-muted: #99adbb;
  --border: rgba(255, 255, 255, 0.10);
  --header-bg: rgba(9, 15, 21, 0.86);

  --accent: #4ec8f6;
  --accent-strong: #7cdbff;
  --accent-soft: rgba(78, 200, 246, 0.12);
  --success: #53d3ac;
  --warning: #f1b653;
  --danger: #ff7b86;
  --focus: rgba(78, 200, 246, 0.32);

  --shadow: 0 22px 70px rgba(0, 0, 0, 0.30);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.18);
}