/*
  norso.fi v1. Dark and light theme, chosen by the visitor's system setting
  (prefers-color-scheme). Dark is the default. Ubuntu from Google Fonts.
  NOR-77. Colors decided 2026-11-09.
*/

:root {
  color-scheme: light dark;
  --font: "Ubuntu", ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, "SFMono-Regular", monospace;

  --bg: #08090a;
  --surface: #0f1012;
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.16);
  --text: #f4f5f6;
  --text-muted: #8a8f98;
  --accent: #27aae1;
  --accent-deep: #2b3990;
  --accent-hover: #7ed0f2;
  --focus: #27aae1;
  --header-bg: rgba(8, 9, 10, 0.82);
  --button-bg: rgba(255, 255, 255, 0.03);
  --grid: rgba(255, 255, 255, 0.035);
  --glow-a: rgba(43, 57, 144, 0.55);
  --glow-b: rgba(39, 170, 225, 0.16);
  --logo-filter: none;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 5rem;

  --measure: 42rem;
  --page: 72rem;
  --radius: 16px;
  --header: 4.25rem;
  --gutter: clamp(1.25rem, 5vw, 3rem);
  --section: clamp(3.5rem, 8vw, 6rem);
  --pad-card: clamp(1.5rem, 3vw, 2rem);

  --shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #fbfbfc;
    --surface: #ffffff;
    --border: rgba(0, 0, 0, 0.09);
    --border-strong: rgba(0, 0, 0, 0.18);
    --text: #0b0c0e;
    --text-muted: #5b616b;
    --accent: #0f6fa3;
    --accent-deep: #2b3990;
    --accent-hover: #2b3990;
    --focus: #0f6fa3;
    --header-bg: rgba(251, 251, 252, 0.85);
    --button-bg: rgba(0, 0, 0, 0.03);
    --grid: rgba(0, 0, 0, 0.05);
    --glow-a: rgba(43, 57, 144, 0.14);
    --glow-b: rgba(39, 170, 225, 0.16);
    --logo-filter: invert(1);
    --shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
  }
}