/* Design tokens. Light theme by default, dark via system preference or data-theme. */
:root {
  --bg: #F5F4F0;
  --surface: #FFFFFF;
  --well: #EFEDE8;
  --border: #E2DFD8;
  --text: #1C2024;
  --muted: #585F66;
  --page: #FFFFFF;
  --line: #E6E3DC;
  --line-strong: #C9CFD6;
  --accent: #2F6B4D;
  --accent-text: #FFFFFF;
  --accent-soft: #E3EFE7;
  --accent-soft-text: #1F4A34;
  --dash: #C9C5BC;
  --link: #2F6B4D;

  --font-display: "Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: "Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 16px;

  --shadow-page: 0 1px 2px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.06);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #131619;
    --surface: #1B1F23;
    --well: #16191C;
    --border: #2A2F35;
    --text: #E6E8EA;
    --muted: #9BA3AB;
    --page: #262B30;
    --line: #353B41;
    --line-strong: #4A5A6A;
    --accent: #8FC7A6;
    --accent-text: #0E2818;
    --accent-soft: #1B2E24;
    --accent-soft-text: #A8D9BC;
    --dash: #3A4046;
    --link: #9ED6B0;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #131619;
  --surface: #1B1F23;
  --well: #16191C;
  --border: #2A2F35;
  --text: #E6E8EA;
  --muted: #9BA3AB;
  --page: #262B30;
  --line: #353B41;
  --line-strong: #4A5A6A;
  --accent: #8FC7A6;
  --accent-text: #0E2818;
  --accent-soft: #1B2E24;
  --accent-soft-text: #A8D9BC;
  --dash: #3A4046;
  --link: #9ED6B0;
  color-scheme: dark;
}