/* ClubbyUp design tokens — from DESIGN.md. Drop in once, use everywhere. */
:root {
  /* brand */
  --clubby-navy:        #0a1530;  /* brand band, headings on light */
  --clubby-primary:     #5645d4;  /* the CTA colour. Not body text, not large fills. */
  --clubby-lavender:    #d6b6f6;  /* the mark on navy */

  /* surfaces + text */
  --clubby-canvas:      #ffffff;
  --clubby-charcoal:    #37352f;  /* body text on light */
  --clubby-slate:       #5d5b54;  /* secondary text on light */
  --clubby-hairline:    #e5e3df;
  --clubby-on-dark:     #ffffff;
  --clubby-on-dark-muted: #a4a097;

  /* card tints */
  --clubby-tint-peach:  #ffe8d4;
  --clubby-tint-mint:   #d9f3e1;
  --clubby-tint-lav:    #e6e0f5;
  --clubby-tint-sky:    #dcecfa;

  /* accent dots — decoration on navy, nothing else */
  --clubby-pink:   #ff64c8;
  --clubby-orange: #dd5b00;
  --clubby-teal:   #2a9d99;
  --clubby-green:  #1aae39;
  --clubby-yellow: #f5d75e;
  --clubby-purple: #7b3ff2;

  /* shape */
  --clubby-radius-button: 8px;
  --clubby-radius-card:   12px;
  --clubby-radius-pill:   9999px;  /* badges and tabs only */
  --clubby-shadow-card:   rgba(15, 15, 15, 0.2) 0 24px 48px -8px;

  --clubby-font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}