/* Hallmark · genre: modern-minimal · design-system: design.md · designed-as-app
 * The only place colours, fonts, spacing and radii are defined. Pages reference these names. */
:root {
  --color-paper: oklch(99% 0.004 230);
  --color-paper-2: oklch(96% 0.006 230);
  --color-paper-3: oklch(93.8% 0.011 235);
  --color-ink: oklch(24.9% 0.023 238);
  --color-ink-2: oklch(45.8% 0.026 236);
  --color-rule: oklch(86.7% 0.013 229);
  --color-rule-soft: oklch(92.4% 0.008 229);
  --color-field: oklch(68% 0.021 231);
  --color-accent: oklch(46.7% 0.096 243);
  --color-accent-hover: oklch(39.3% 0.080 243);
  --color-accent-ink: oklch(98.3% 0.003 220);
  --color-accent-soft: oklch(93.8% 0.02 240);
  --color-attention: oklch(76.4% 0.142 72);
  --color-attention-bg: oklch(95.4% 0.020 58);
  --color-attention-fg: oklch(37.5% 0.100 47);
  --color-attention-strong: oklch(45.1% 0.122 46);
  --color-error: oklch(46.4% 0.148 35);
  --color-error-bg: oklch(92.6% 0.027 38);
  --color-error-hover: oklch(39% 0.13 35);
  --color-ok: oklch(51.9% 0.141 147);
  --color-reject: oklch(50.1% 0.178 29);
  --color-reshoot: oklch(50.8% 0.108 73);
  --color-focus: var(--color-accent);

  --st-site-bg: oklch(92.5% 0.04 145); --st-site-fg: oklch(35% 0.07 145);
  --st-leave-bg: oklch(91.5% 0.035 20); --st-leave-fg: oklch(33% 0.08 20);
  --st-office-bg: oklch(92% 0.025 255); --st-office-fg: oklch(32% 0.07 260);
  --st-training-bg: oklch(92% 0.03 310); --st-training-fg: oklch(33% 0.09 310);
  --st-standby-bg: oklch(95% 0.045 90); --st-standby-fg: oklch(40% 0.07 85);
  --st-off-bg: oklch(92.4% 0.008 229); --st-off-fg: oklch(38% 0.02 230);

  --font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --font-display: var(--font-body);
  --font-outlier: "IBM Plex Sans Condensed", "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;

  --text-sm: 0.8125rem; --text-base: 0.9375rem; --text-md: 1.0625rem; --text-lg: 1.25rem; --text-xl: 1.625rem;
  --space-3xs: 0.25rem; --space-2xs: 0.5rem; --space-xs: 0.75rem; --space-sm: 1rem; --space-md: 1.5rem;
  --space-lg: 2rem; --space-xl: 3rem; --space-2xl: 4.5rem;
  --radius-input: 6px; --radius-card: 8px;
  --control-h: 40px;
  --header-h: 56px;
  --signature-paper: #fff; /* the signature pad: a clean white scan for reports */
  --print-ink: #000; /* printed sheets only: black on paper, like the forms */
  --shadow-menu: 0 8px 24px oklch(24.9% 0.023 238 / 0.10);
}
