/* Design tokens for hollanderconsults.com. The single source of truth for the
   palette and type stack; every page loads this before its own stylesheet.
   Layout variables (column widths, gutters) stay per-stylesheet on purpose. */
:root {
  --bg: #0A0E1A;        /* page background, deep navy */
  --panel: #171C2A;     /* raised panel */
  --panel-2: #1A2030;   /* inset panel */
  --teal: #00D4C8;      /* primary accent */
  --teal-2: #2ee6da;    /* bright teal, hover states */
  --gold: #FFB547;      /* secondary accent */
  --ink: #EEF1F8;       /* body text */
  --muted: #8A93AC;     /* secondary text */
  --line: #21404C;      /* borders and traces */
  --hair: rgba(138, 147, 172, .14); /* hairline dividers */
  --ok: #4fd18b;        /* live / ok status */
  --mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
}