/* The Garage Devs: colour tokens */
:root {
  --tgd-teal: #085058;       /* Deep teal: buttons, links, "devs" */
  --tgd-teal-2: #109890;     /* Mascot teal: fills, icons, active states */
  --tgd-mint: #c0e8e0;       /* The sweater: soft backgrounds, "devs" on dark */
  --tgd-teal-tint: #dcefec;  /* Light tint: chips, highlights */
  --tgd-slate: #384048;      /* The hood: "the garage", headings */
  --tgd-ink: #1c2a30;        /* Body text, dark backgrounds */
  --tgd-ink-soft: #52636a;   /* Secondary text */
  --tgd-caret: #e7a23a;      /* The caret: one small accent, use sparingly */
  --tgd-lavender: #b0b0d8;   /* Face shading: the "reverse" accent */
  --tgd-floor: #f2f7f6;      /* Page background */
  --tgd-line: #d9e7e4;       /* Borders and dividers */
  --tgd-font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --tgd-font-body: 'Instrument Sans', system-ui, sans-serif;
  --tgd-font-mono: 'JetBrains Mono', ui-monospace, monospace;
}