/* Design tokens. Palette: cool clinical paper, deep teal ink, amber reserved for
   review status, red reserved for urgent support. Colour never carries meaning alone. */
:root {
  --paper: #F3F6F5;
  --surface: #FFFFFF;
  --surface-sunk: #E9EFED;
  --ink: #16292B;
  --ink-soft: #4A5E60;
  --rule: #CCD8D6;
  --rule-strong: #9FB2AF;

  --teal: #0C6862;
  --teal-deep: #084D48;
  --teal-wash: #DFEFEC;
  --clinician: #2D4C7A;
  --clinician-wash: #E3EAF5;

  --draft-bg: #FBEFCF;
  --draft-ink: #5E3C00;
  --draft-edge: #C9952C;

  --urgent: #A0272C;
  --urgent-deep: #7D1A1F;
  --urgent-wash: #FAE8E8;

  --ok: #24663A;
  --focus: #1F5FD6;

  --font-serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, "Charter", Georgia, serif;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;

  --text-scale: 1;
  --step--1: calc(0.875rem * var(--text-scale));
  --step-0: calc(1.0625rem * var(--text-scale));
  --step-1: calc(1.25rem * var(--text-scale));
  --step-2: calc(1.5625rem * var(--text-scale));
  --step-3: calc(1.953rem * var(--text-scale));
  --step-4: calc(2.441rem * var(--text-scale));

  --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: 4.5rem;

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

  --measure: 66ch;
  --sidebar: 15.5rem;
  --tap: 44px;
  --motion: 180ms;
}

:root[data-text-scale="large"] { --text-scale: 1.15; }
:root[data-text-scale="larger"] { --text-scale: 1.3; }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #142123;
    --surface: #1B2B2D;
    --surface-sunk: #102022;
    --ink: #E5EEEC;
    --ink-soft: #A9BCBA;
    --rule: #34494B;
    --rule-strong: #577072;
    --teal: #5CC2B6;
    --teal-deep: #8ED8CE;
    --teal-wash: #1E3B3A;
    --clinician: #9DB7E3;
    --clinician-wash: #22314A;
    --draft-bg: #3A2D0F;
    --draft-ink: #F6D58C;
    --draft-edge: #B9862A;
    --urgent: #F08A8E;
    --urgent-deep: #FFB3B5;
    --urgent-wash: #3D1C1E;
    --ok: #86D19C;
    --focus: #8DB4FF;
  }
}
:root[data-theme="dark"] {
  --paper: #142123;
  --surface: #1B2B2D;
  --surface-sunk: #102022;
  --ink: #E5EEEC;
  --ink-soft: #A9BCBA;
  --rule: #34494B;
  --rule-strong: #577072;
  --teal: #5CC2B6;
  --teal-deep: #8ED8CE;
  --teal-wash: #1E3B3A;
  --clinician: #9DB7E3;
  --clinician-wash: #22314A;
  --draft-bg: #3A2D0F;
  --draft-ink: #F6D58C;
  --draft-edge: #B9862A;
  --urgent: #F08A8E;
  --urgent-deep: #FFB3B5;
  --urgent-wash: #3D1C1E;
  --ok: #86D19C;
  --focus: #8DB4FF;
}

@media (prefers-reduced-motion: reduce) { :root { --motion: 0ms; } }
:root[data-motion="reduced"] { --motion: 0ms; }