/* Hallmark · genre: modern-minimal (dated enterprise variant) · macrostructure: workbench
 * tone: utilitarian, unglamorous internal tool · design-system: single-page-app
 * pre-emit critique: P4 H4 E4 S4 R5 V3
 * This is a functional record-review tool, not a marketing surface: no hero,
 * no enrichment, no motion beyond instant hover/focus states. Deliberately
 * dated (system font stack, square corners, visible table borders) to read
 * as a decade-old internal HR system rather than a current SaaS product.
 */

:root {
  --paper:        oklch(97% 0.004 250);
  --paper-2:      oklch(94% 0.005 250);
  --paper-3:      oklch(90% 0.006 250);
  --panel:        oklch(99% 0.002 250);
  --ink:          oklch(22% 0.02 250);
  --ink-2:        oklch(42% 0.02 250);
  --ink-3:        oklch(58% 0.015 250);
  --rule:         oklch(85% 0.008 250);
  --rule-strong:  oklch(75% 0.01 250);

  --brand:        oklch(34% 0.06 255);
  --brand-ink:    oklch(98% 0.002 250);
  --accent:       oklch(45% 0.1 255);
  --accent-ink:   oklch(98% 0.002 250);
  --focus:        oklch(55% 0.14 255);

  --warn:         oklch(55% 0.15 55);
  --warn-bg:      oklch(96% 0.03 80);
  --warn-ink:     oklch(32% 0.08 55);

  --danger:       oklch(50% 0.18 25);
  --danger-bg:    oklch(95% 0.03 25);
  --danger-ink:   oklch(30% 0.12 25);

  --ok:           oklch(50% 0.11 150);
  --ok-bg:        oklch(95% 0.03 150);
  --ok-ink:       oklch(30% 0.08 150);

  --font-display: "Segoe UI", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-body:    "Segoe UI", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono:    "Consolas", "SFMono-Regular", Menlo, monospace;

  --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: 4rem;

  --text-xs: 0.75rem;  --text-sm: 0.8125rem; --text-md: 0.9375rem;
  --text-lg: 1.125rem; --text-xl: 1.5rem;    --text-2xl: 1.875rem;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-short: 120ms;
  --dur-base: 180ms;

  --radius-sm: 2px;
  --radius-md: 3px;
}

* { box-sizing: border-box; }
html, body { overflow-x: clip; }