/**
 * Mat Track — brand tokens for the marketing site.
 *
 * Mirrored from the member app's design system:
 *   memberapp/constants/theme.ts  (dark theme + radius scale)
 *
 * Values below are verified against that file:
 *   --green  = status.green   #30d158
 *   --blue   = status.blue    #3a7bfd
 *   --bg     = bg.screen      #000000
 *   --card   = bg.card        #1c1c1e
 *   --card-alt = bg.cardAlt   #2a2a2c
 *   --border = border         #2e2e30
 *   --text   = text.strong/body #ffffff
 *   --muted  = text.muted     #98989e
 *   --dim    = text.dim       #5a5a60
 *   --radius-card = radius.card 14
 *   --radius-tile = radius.tile 10
 *   --radius-pill = radius.pill 100
 * Body line-height 1.35 matches theme.ts `type` (lineHeight = size × 1.35).
 *
 * --gold / --silver / --bronze are medallion tier colours used by the record
 * feature; they are NOT in theme.ts (no tier tokens exist there yet).
 */
:root {
  --green: #30d158;       /* status green — site accent */
  --blue: #3a7bfd;        /* status blue */
  --bg: #000000;          /* screen */
  --card: #1c1c1e;        /* raised card */
  --card-alt: #2a2a2c;    /* inset tile / icon well */
  --border: #2e2e30;      /* hairline */
  --text: #ffffff;
  --muted: #98989e;
  --dim: #5a5a60;
  --radius-card: 14px;
  --radius-tile: 10px;
  --radius-pill: 100px;
  --gold: #e6c667;        /* medallion tiers */
  --silver: #d8dee4;
  --bronze: #c98a5a;
}