/* LTCPulse design tokens — the ONE place colour, type, space and radius are defined.
   Linked by templates/base.html before mip.css, and inlined into the report card by
   tools/report_style.TOKENS_CSS (director_render), so the app and the printed card
   cannot drift apart. Kindera Living palette. */
:root {
  /* brand */
  --plum: #863E76;          /* primary: brand, primary buttons, headings accents */
  --plum-700: #6c2f5f;      /* hover / pressed */
  --plum-50: #f5edf3;       /* tint for selected / soft fills */
  --teal: #4EBDB4;          /* accent fills, focus ring */
  --teal-ink: #0b7068;      /* teal as text/links: 5.9:1 on white */
  --teal-50: #e6f5f4;
  --green: #84BD00;         /* positive, sparingly */
  --green-ink: #4f6f00;     /* green as text: 5.9:1 on white */
  /* neutrals */
  --ink: #16181c;
  --soft: #3c4148;
  --grey: #6b7178;          /* muted text: 4.9:1 on white, 4.6:1 on --bg */
  --rule: #dcdee1;
  --panel: #f6f4f6;         /* quiet fill inside a surface */
  --bg: #f4f3f7;            /* page background: cool, faintly plum */
  --surface: #ffffff;
  --danger: #b00020;
  --warn-ink: #8a5a00;
  /* subject colours (report card): one per thing the director tracks */
  --ed: #863E76;  --ed-tint: rgba(134,62,118,.085);
  --aps: #0f7d72; --aps-tint: rgba(78,189,180,.16);
  --falls: #5d7f00; --falls-tint: rgba(132,189,0,.13);
  --qip: #45506b; --qip-tint: rgba(69,80,107,.08);
  /* type */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --fs-xs: 12px; --fs-sm: 13px; --fs-md: 15px; --fs-lg: 18px; --fs-xl: 24px; --fs-2xl: 32px;
  /* space + shape */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px;
  --r-sm: 6px; --r-md: 10px; --r-lg: 14px;
  --shadow: 0 1px 2px rgba(22,24,28,.05), 0 2px 8px rgba(22,24,28,.04);
}