/* Kuwa design tokens: the web translation of the Kuwa Swiss document system.
   Every other stylesheet uses these names. No raw hex outside this file. */

:root {
  /* Colour */
  --deep-ink: #0A0A0A;     /* primary text, dark surfaces */
  --signal-red: #E63815;   /* primary accent: fills, rules, the headline number */
  --signal-red-ink: #C62B10; /* the same red, darkened, for red text below 18px */
  --teal: #005B50;         /* secondary accent, used sparingly */
  --amber: #F79F1B;        /* warnings only */
  --parchment: #FAFAF8;    /* page background */
  --rule-gray: #6B6B6B;    /* captions, metadata, helper text */
  --alt-row: #F0F0EE;      /* alternating rows, input panel fill */
  --subtle-gray: #D4D4D0;  /* dividers, input borders */

  /* Type family: Instrument Sans, then the system sans stack */
  --font-sans: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, sans-serif;

  /* Type scale */
  --t-number: clamp(40px, 9vw, 64px); /* headline hours figure, 700, signal red */
  --t-hero: 34px;    /* page title, 700 */
  --t-h2: 20px;      /* section headings, 600 */
  --t-h3: 16px;      /* input group labels, 600 */
  --t-body: 16px;    /* body, 400, line height 1.55 */
  --t-small: 14px;   /* table cells, helper text, 400 */
  --t-label: 12px;   /* section labels, 600, uppercase, 0.14em tracking, deep ink */
  --t-meta: 12px;    /* metadata, 400, rule gray */

  --lh-body: 1.55;

  /* Layout */
  --content-max: 760px;
  --gutter: 24px;
}

@media (max-width: 479px) {
  :root {
    --gutter: 16px;
  }
}