/* dos-magazzino design tokens — source of truth: DESIGN.md frontmatter.
   Loaded by every page (base.html, /me, self-service, error) before any
   other stylesheet. The "legacy aliases" block maps the variable names used
   by page-specific CSS (software-census, audit, me-holdings, standalone)
   onto the new palette, so those files follow the theme without rewrites. */

:root {
  --canvas: #F7F5F0;
  --surface: #FFFFFF;
  --ink: #211F2E;
  --muted: #5C5A6B;
  --border-ui: #8A8796;
  --hairline: #E4E1DA;
  --brand: #C9143F;
  --primary: #2B59C3;
  --primary-ink: #1F4497;
  --yellow: #FFD23F;
  --teal: #3EC1B3;
  --pink: #FF8AC0;
  --error: #B3123A;

  --tint-teal: #D9F2EE;
  --tint-cobalt: #E1E7FA;
  --brand-zeroheight: #F2475C; /* service monogram, no CC0 logo */
  --tint-yellow: #FFF2C4;
  --tint-pink: #FFE3EF;
  --tint-grey: #ECEAE4;

  --font-display: "Red Hat Display", system-ui, sans-serif;
  --font-text: "Red Hat Text", system-ui, sans-serif;
  --font-mono: "Red Hat Mono", ui-monospace, monospace;

  --radius-control: 8px;
  --radius-card: 12px;
  --radius-chip: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;

  --shadow-hard: 3px 3px 0 var(--ink);
  --shadow-hard-hover: 4px 4px 0 var(--ink);

  --ease: cubic-bezier(.2, .8, .2, 1);
  --fast: 120ms;
  --base: 180ms;

  /* legacy aliases (page-specific stylesheets) */
  --bg: var(--canvas);
  --paper: var(--canvas);
  --ink-soft: var(--muted);
  --ink-muted: var(--muted);
  --line: var(--hairline);
  --line-strong: var(--border-ui);
  --border: var(--hairline);
  --accent: var(--primary);
  --accent-ink: var(--primary-ink);
  --accent-soft: var(--tint-cobalt);
  --dark: var(--ink);
  --brand-line: var(--brand);
  --ok: #1E6B5F;
  --ok-soft: var(--tint-teal);
  --ok-bg: var(--tint-teal);
  --mint: var(--tint-teal);
  --warn: #7A5A00;
  --warn-soft: var(--tint-yellow);
  --warn-bg: var(--tint-yellow);
  --err: var(--error);
  --err-soft: var(--tint-pink);
  --lilac: var(--tint-cobalt);
  --radius: var(--radius-card);
  --radius-sm: var(--radius-control);
  --shadow: none;
  --shadow-lift: none;
  --workshop-mist: var(--tint-grey);
  --workshop-orange: var(--yellow);
}

::selection { background: var(--yellow); color: var(--ink); }