/* Type1 Athletics design tokens.
   Every colour, typeface and size the dashboard uses is named here, taken from the
   design reference (type1-athletics-dashboard). A rebrand edits this file only. */
:root {
  /* Colour */
  --navy: #14365F;          /* Blueprint navy: rail, headings, primary buttons */
  --navy-deep: #0E2746;     /* primary button hover */
  --paper: #F6F2EA;         /* page background, text on navy */
  --paper-light: #FBF8F2;   /* cards */
  --paper-press: #EDE6D8;   /* secondary button hover */
  --blue: #8FB4D9;          /* rail numbers, grid lines, accents on navy */
  --ink: #101820;           /* body text */
  --slate: #4E5A66;         /* secondary text */
  --rule: #E2DACB;          /* dividers */
  --rule-strong: #D9D0BF;   /* table lines, control borders */
  --line-control: #B9C3CE;  /* secondary button border */
  --low-sun: #E8A33D;       /* glucose above target */
  --dusk: #9B7AA0;          /* glucose below target */
  --dusk-deep: #6B4A6E;     /* glucose below target, text */

  --on-navy-rule: rgba(143, 180, 217, .45);
  --on-navy-hover: rgba(143, 180, 217, .16);
  --on-navy-active: rgba(143, 180, 217, .22);

  /* Type */
  --font-serif: 'Newsreader', Georgia, serif;           /* headlines and findings */
  --font-sans: 'IBM Plex Sans', system-ui, sans-serif;  /* body, buttons, forms */
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;/* labels, numbers, sheet */

  --size-label: 11px;
  --size-small: 13px;
  --size-body: 15px;
  --size-h2: 22px;
  --size-h1: clamp(32px, 6vw, 44px);
  --tracking-label: 0.06em;

  /* Shape and space */
  --radius: 6px;
  --radius-small: 4px;
  --tap: 44px;              /* minimum touch target */
  --rail-width: 232px;
  --content-max: 1120px;
  --tabbar-height: 64px;
  --phone-break: 900px;     /* below this the rail becomes a bottom tab bar (see app.css) */
}