/*
  TCD Design Tokens: single source of truth.
  Every colour, type size, spacing, radius, shadow, and easing in the site
  references a token here. Agents must NOT invent values; they pick from this
  set. If a new value is needed, add it here first.

  Brand colours are the official TCD set (from brand guidelines).
  Navy #2A3F52 is the company colour. Green #9CB73D is website-only.
*/
:root {
  /* ---- Brand palette (official) ---- */
  --tcd-navy:      #2A3F52;  /* company colour, headings on paper, footer */
  --tcd-blue:      #0080FD;  /* accent, tags, links, active states */
  --tcd-yellow:    #FFC72C;  /* retired from the UI. Do not use for CTAs or decoration. */
  --tcd-steel:     #556575;  /* Navy 80, secondary text */
  --tcd-lightgray: #F5F5F5;  /* alt section backgrounds */
  --tcd-white:     #FFFFFF;
  --tcd-green:     #9CB73D;  /* website-only, NOT in brand guidelines */

  /* ---- Neutrals derived for the light UI ---- */
  --tcd-ink:       #2b333b;  /* body text on white */
  --tcd-muted:     #556575;  /* Navy 80, secondary copy */
  --tcd-line:      #e6eaef;  /* hairline borders */
  --tcd-paper:     #F5F5F5;  /* bands: light grey */
  --tcd-film:      #07090B;  /* "film" dark surface (Home/Community/Contact) */
  --tcd-charcoal:  #37424d;  /* button background */
  --tcd-charcoal-hover: #2a333d;

  /* ---- Accent tints ---- */
  --tcd-blue-tint: #E6F2FF;  /* active nav pill, soft fills */

  /* ---- Brand deep-variants (hero overlays / legibility only) ---- */
  --tcd-navy-deep:   #183A59;
  --tcd-navy-mid:    #254867;
  --tcd-blue-dark:   #0057A3;
  --tcd-yellow-dark: #FF9B00;

  /* ---- Typography (Poppins only): see ~/tcd-brand/DESIGN.md §2 ---- */
  --font-sans: "Poppins", system-ui, sans-serif;
  --tcd-display-lg: clamp(44px, 6vw, 56px);  /* weight 300 */
  --tcd-display-md: clamp(38px, 5vw, 48px);  /* weight 400: hero/page H1 */
  --tcd-h1: clamp(34px, 5vw, 44px);
  --tcd-h2: clamp(28px, 4vw, 32px);  /* weight 400: section headings */
  --tcd-h3: 20px;                    /* weight 500: card titles */
  --tcd-body: 16px;
  --tcd-body-lg: 17px;
  --tcd-small: 14px;
  --tcd-xs: 13px;
  --tcd-label: 14px;                 /* weight 500: nav/buttons/links */
  --tcd-num: clamp(40px, 6vw, 48px); /* stat numbers */
  --tcd-weight-light: 300;
  --tcd-weight-regular: 400;
  --tcd-weight-medium: 500;
  --tcd-weight-semibold: 600;        /* sparingly: one CTA/emphasis */
  --leading-tight: 1.1;
  --leading-body: 1.6;

  /* ---- Spacing (4px base scale) ---- */
  --tcd-space-1: 4px;
  --tcd-space-2: 8px;
  --tcd-space-3: 12px;
  --tcd-space-4: 16px;
  --tcd-space-5: 24px;
  --tcd-space-6: 32px;
  --tcd-space-7: 48px;
  --tcd-space-8: 64px;
  --tcd-space-9: 72px;
  --tcd-section: 72px;   /* vertical rhythm between sections */
  --tcd-container: 1200px;

  /* ---- Radii ---- */
  --tcd-radius-sm: 12px;
  --tcd-radius: 18px;
  --tcd-radius-lg: 22px;  /* cards, hero, banners */
  --tcd-radius-pill: 999px;

  /* ---- Shadows ---- */
  --tcd-shadow-sm: 0 1px 2px rgba(0,0,0,.06);
  --tcd-shadow: 0 1px 3px rgba(0,0,0,.08);
  --tcd-shadow-lg: 0 12px 28px rgba(0,0,0,.16);

  /* ---- Easing (motion must never hide content) ---- */
  --tcd-ease: cubic-bezier(.2,.7,.3,1);
  --tcd-duration: 180ms;

  /* ---- Legacy aliases (so existing pages keep working) ---- */
  --blue: var(--tcd-blue);
  --navy: var(--tcd-navy);
  --ink: var(--tcd-ink);
  --muted: var(--tcd-muted);
  --line: var(--tcd-line);
  --paper: var(--tcd-paper);
}