/* actually. — shared design tokens.
   Imported by the landing page and the web portal. Define brand
   values here only; don't redeclare them in a page stylesheet. */

:root {
  /* Surfaces, lightest to most raised */
  --paper:  #F4ECDD;  /* page background */
  --paper2: #EFE6D4;  /* recessed — sidebars, received chat bubbles */
  --card:   #FBF6EC;  /* raised — cards, panels */

  /* Text */
  --ink:  #1A1814;    /* headings, solid buttons, chart marks */
  --ink2: #3A332A;    /* body copy and ledes */
  --mute: #6E6355;    /* secondary text, labels, axes */

  /* Dividers — --ink at ~18% and ~9% alpha (8-digit hex) */
  --line:  #1A18142e; /* structural borders */
  --line2: #1A181418; /* lighter, for inside cards */

  /* Accent. Used sparingly: the full stop in the wordmark, links,
     and destructive actions. Never to signal good or bad. */
  --tomato:      #D9412A;
  --tomato-dark: #A82E1C; /* link hover */

  /* Type */
  --sans: "Geist", system-ui, sans-serif;
  --mono: "Geist Mono", ui-monospace, monospace; /* numbers, data, axes */

  /* Radii */
  --r-sm:   10px; /* small buttons */
  --r-md:   12px; /* segmented controls, header buttons */
  --r-lg:   14px; /* primary buttons, chart panels */
  --r-xl:   16px; /* cards, memory items */
  --r-2xl:  18px; /* plan cards */
  --r-3xl:  20px; /* chat panel, portal panels */
  --r-pill: 999px;
}

/* Charts. These override the SVGs' presentation attributes so the
   same styling applies on both pages.

   Charts plot the reading and nothing else — no target bands, no
   range shading, no red/green. Interpreting a reading is a clinical
   judgement this product does not make, which is why there is no
   --good / --warn / --bad token. Don't add one. */
.chart-mark  { fill: var(--ink); }
.chart-axis  { stroke: var(--line); }
.chart-label { font-family: var(--mono); font-size: 12px; fill: var(--mute); }