/* Kinetic Wellness design tokens. Source of truth for color, type and radius.
   Published at /brand/tokens.css and loaded before every app stylesheet.
   Palette: ink and white carry the page; argillite is reserved for actions;
   alpenglow appears only on dark backgrounds; glacier is the cool accent. */

:root {
  --kw-ink: #111D2E;
  --kw-ink-2: #1A2940;
  --kw-text2: #4B5B6B;
  --kw-text3: #6B7A89;
  --kw-mist: #F3F5F6;
  --kw-mist-2: #E8ECEF;
  --kw-white: #FFFFFF;
  --kw-line: rgba(17, 29, 46, 0.14);
  --kw-line-strong: rgba(17, 29, 46, 0.3);
  --kw-action: #C4462B;
  --kw-action-hover: #A93A22;
  --kw-glacier: #A9BCD3;
  --kw-alpen: #EE9C77;
  --kw-ok: #2E6A4E;
  --kw-ok-bg: #E6F1EB;
  --kw-warn: #8A5300;
  --kw-warn-bg: #FBF0DC;
  --kw-bad: #A93A22;
  --kw-bad-bg: #FBEAE5;
  --kw-r-lg: 22px;
  --kw-r: 14px;
  --kw-r-sm: 12px;
  --kw-font: 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --kw-focus: 0 0 0 3px #FFFFFF, 0 0 0 5px var(--kw-action);
}