:root {
  color-scheme: light;

  /* Pinnat */
  --paper: #FBF9F5;
  --surface: #FFFFFF;
  --report: #FFFFFF;
  --sand: #F4EFE6;

  /* Muste ja reunat */
  --ink: #1C1815;
  --ink-muted: #5A534C;
  --hairline: #E7E1D7;

  /* Petrooli */
  --petrol-900: #08606B;
  --petrol-700: #0A6E7B;
  --petrol-500: #0994A7;
  --petrol-tint: rgba(9, 148, 167, 0.07);

  /* Kulta */
  --gold-ink: #8A5A12;
  --gold: #D6A34C;

  /* Muoto */
  --radius-card: 16px;
  --radius-ctrl: 10px;
  --radius-pill: 999px;

  /* Typografia ja rytmi */
  --font-display: "Bricolage Grotesque", sans-serif;
  --font-body: "Public Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
  --space-unit: 8px;

  /* Nykyisten komponenttien yhteensopivuusnimet. */
  --bg-page: var(--paper);
  --bg-surface: var(--surface);
  --bg-surface-2: var(--sand);
  --bg-elevated: var(--surface);
  --border: var(--hairline);
  --border-strong: var(--hairline);
  --text-primary: var(--ink);
  --text-secondary: var(--ink-muted);
  --text-muted: var(--ink-muted);
  --accent-gold: #8A5A12;
  --accent-teal: #0A6E7B;
  --accent-teal-light: #08606B;
  --accent-teal-bg: rgba(9, 148, 167, 0.07);
  --radius-s: 8px;
  --radius-m: var(--radius-ctrl);
  --radius-l: var(--radius-card);
}

.print-theme {
  --paper: #FFFFFF;
  --surface: #FFFFFF;
  --report: #FFFFFF;
  --sand: #F7F4EE;
  --ink: #1C1815;
  --ink-muted: #5A534C;
  --hairline: #D9D2C7;
}