/* FreshLine — brand tokens (single source of truth for color, type, spacing, motion)
   Contrast (WCAG 2.x): blue on porcelain 6.3:1, blue on rinse 5.6:1, blue-ink on rinse 7.1:1,
   blue-light on graphite 8.0:1, steel on graphite 6.1:1, steel-ink on porcelain 6.0:1. */
:root {
  --graphite: #121619;      /* ink and dark sections */
  --graphite-2: #1A2024;    /* raised surfaces on dark */
  --graphite-3: #232B30;
  --porcelain: #EEF1F2;     /* paper */
  --porcelain-2: #E3E8EA;   /* alternate light band */
  --sheet: #F7F9FA;         /* cells, inputs */
  --steel: #8D979E;         /* hairlines on light, muted text on dark */
  --steel-ink: #525C63;     /* muted text on light (AA) */
  --steel-light: #B4BEC4;   /* secondary text on dark */
  --blue: #0D5C8C;          /* process blue: the only accent */
  --blue-ink: #0A4C74;      /* accent for small text on rinse tint */
  --blue-light: #6DB3E2;    /* accent for small text on graphite (AA) */
  --rinse: #D6E6EE;         /* tint */
  --rinse-2: #C4DAE5;

  --ink: var(--graphite);
  --paper: var(--porcelain);
  --line: rgba(18, 22, 25, .13);
  --line-strong: rgba(18, 22, 25, .34);
  --line-dark: rgba(238, 241, 242, .13);
  --line-dark-strong: rgba(238, 241, 242, .32);
  --guide: rgba(13, 92, 140, .07);
  --focus: #0D5C8C;
  --selection-bg: #0D5C8C;
  --selection-fg: #EEF1F2;

  --font-sans: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Martian Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --wd-display: 122;        /* wide uppercase headlines */
  --wd-head: 114;
  --wd-cond: 75;            /* condensed labels */

  --maxw: 1480px;
  --gutter: clamp(16px, 3.4vw, 56px);
  --frame: clamp(8px, 1vw, 14px);   /* drawing-sheet inset */
  --tb-h: 76px;                     /* title block height */
  --tb-h-small: 54px;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --ease-drum: cubic-bezier(.7, 0, .2, 1);
}