/* Concrete / institutional theme, mirrored from the Designation web app
   (resources/css/app.css). Dark-first: near-black concrete surfaces, signage
   yellow accent, Archivo display + IBM Plex Mono readouts. */
:root {
  color-scheme: dark;

  /* Concrete ramp (remapped zinc). */
  --dsgn-zinc-50: #f5f3ee;
  --dsgn-zinc-100: #e8e5de;
  --dsgn-zinc-200: #d1cdc4;
  --dsgn-zinc-300: #b2aea5;
  --dsgn-zinc-400: #969289;
  --dsgn-zinc-500: #7b7870;
  --dsgn-zinc-600: #626059;
  --dsgn-zinc-700: #494743;
  --dsgn-zinc-800: #373532;
  --dsgn-zinc-900: #1c1b19;
  --dsgn-zinc-950: #121110;

  /* Signage + status hues. */
  --dsgn-signage: #f2c200;
  --dsgn-corp-red: #b23b32;
  --dsgn-teal: #3f8f88;
  --dsgn-sodium: #d97a2b;
  --dsgn-moss: #3f8f5a;

  /* Semantic roles (dark). */
  --dsgn-page: var(--dsgn-zinc-950);
  --dsgn-surface: var(--dsgn-zinc-900);
  --dsgn-border: var(--dsgn-zinc-800);
  --dsgn-text-primary: var(--dsgn-zinc-50);
  --dsgn-text-secondary: var(--dsgn-zinc-400);
  --dsgn-text-muted: var(--dsgn-zinc-600);

  --dsgn-font-display: 'Archivo', ui-sans-serif, system-ui, sans-serif;
  --dsgn-font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;
}