:root {
  /* Brand */
  --tdh-blue: #2563EB;        /* Primary Blue — the ink of the mark, primary CTAs, links */
  --tdh-blue-deep: #1E3A8A;   /* Deep Blue — hover states, dark blue surfaces */
  --tdh-blue-pale: #C9D6F5;   /* Disc — the recessed layer behind the mark. Never a text colour */
  --tdh-purple: #7C3AED;      /* Accent Purple — sparing: one accent per view, numerals, eyebrows */

  /* Neutrals */
  --tdh-ink: #111827;         /* Graphite — body text, dark surfaces */
  --tdh-slate: #4B5563;       /* Secondary text */
  --tdh-gray: #6B7280;        /* Tertiary text, "Labs" wordmark */
  --tdh-gray-soft: #9CA3AF;   /* Captions, meta */
  --tdh-line: #E5E7EB;        /* Hairlines, borders */
  --tdh-surface: #F5F5F5;     /* Light gray surface */
  --tdh-white: #FFFFFF;
  --tdh-dark-line: #1F2A3D;   /* Hairlines on dark surfaces */
  --tdh-dark-text: #8A93A3;   /* Secondary text on dark surfaces */

  /* Type */
  --tdh-font-sans: 'Manrope', system-ui, sans-serif;
  --tdh-font-mono: 'JetBrains Mono', ui-monospace, monospace;
}