/* Design tokens. The only file to edit to apply FitCam branding (BUILD-SPEC 9).
   Colour pairs are chosen for WCAG 2.2 AA contrast: text on its background is
   at least 4.5:1, borders and focus rings at least 3:1. */

:root {
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-size: 1rem;
  --line-height: 1.5;

  --color-bg: #f7f7f5;
  --color-surface: #ffffff;
  --color-text: #1c1d1f;
  --color-muted: #55585e;        /* 7.1:1 on surface, 6.6:1 on bg */
  --color-border: #8a8d93;       /* 3.3:1 on surface */
  --color-rule: #e3e3e0;

  --color-primary: #1f5f8b;      /* 6.8:1 on white, 6.4:1 on bg */
  --color-primary-text: #ffffff;
  --color-danger: #a3231f;       /* 7.4:1 on white */
  --color-danger-text: #ffffff;
  --color-warn-bg: #fff4d6;
  --color-warn-text: #5c4300;    /* 8.5:1 on warn-bg */
  --color-alert-bg: #fde7e5;
  --color-alert-text: #7a1a16;   /* 8.9:1 on alert-bg */
  --color-ok-bg: #e5f3ea;
  --color-ok-text: #1b5031;      /* 8.2:1 on ok-bg */
  --color-chip-bg: #eceef1;
  --color-chip-text: #33363b;
  --color-focus: #1f5f8b;

  --radius: 6px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --measure: 52rem;
}