/* Design tokens. Palette: soft rose + cream. Final colours are the owner's call. */
:root {
  --font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-base: 16px;
  --line-height: 1.55;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --radius-s: 8px;
  --radius-m: 14px;
  --radius-l: 20px;

  --touch-min: 44px;
  --nav-height: 64px;
  --sidebar-width: 220px;
  --content-max: 720px;

  --color-bg: #fbf5ef;
  --color-surface: #fffcf8;
  --color-text: #3a2a2e;
  --color-text-muted: #6b5559;
  --color-primary: #9b415a;
  --color-on-primary: #ffffff;
  --color-primary-soft: #f6dde3;
  --color-border: #e6d5d0;
  --color-focus: #7a2e45;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #231a1d;
    --color-surface: #2d2226;
    --color-text: #f5e9ea;
    --color-text-muted: #cdb8bb;
    --color-primary: #e8a0b3;
    --color-on-primary: #2a1419;
    --color-primary-soft: #3e2a30;
    --color-border: #4a383d;
    --color-focus: #f4c2cf;
  }
}

:root[data-theme="dark"] {
  --color-bg: #231a1d;
  --color-surface: #2d2226;
  --color-text: #f5e9ea;
  --color-text-muted: #cdb8bb;
  --color-primary: #e8a0b3;
  --color-on-primary: #2a1419;
  --color-primary-soft: #3e2a30;
  --color-border: #4a383d;
  --color-focus: #f4c2cf;
}

/* "Large text" setting raises the base size to 19px. */
:root[data-large-text="true"] {
  --font-base: 19px;
}

/* Calendar marker colours (each marker also has its own shape). */
:root {
  --mark-bleeding: #9b415a;
  --mark-symptoms: #3f6f8c;
  --mark-hot: #b0561c;
  --mark-sleep: #5d4a8a;
  --mark-journal: #4b6b4a;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --mark-bleeding: #e8a0b3;
    --mark-symptoms: #8fc1dc;
    --mark-hot: #f0a36b;
    --mark-sleep: #b9a6e8;
    --mark-journal: #a3c9a0;
  }
}

:root[data-theme="dark"] {
  --mark-bleeding: #e8a0b3;
  --mark-symptoms: #8fc1dc;
  --mark-hot: #f0a36b;
  --mark-sleep: #b9a6e8;
  --mark-journal: #a3c9a0;
}