/* CourtCore — Design Tokens */
:root {
  /* Core neutrals (warm-leaning navy) */
  --cc-ink-950: #07091A;       /* deepest bg */
  --cc-ink-900: #0B1230;       /* primary bg (matches logo) */
  --cc-ink-800: #131A3D;       /* surface */
  --cc-ink-700: #1E2754;       /* elevated surface */
  --cc-ink-600: #2A3470;       /* border / divider */
  --cc-ink-500: #4A5494;       /* muted text */
  --cc-ink-300: #A4ADD9;       /* secondary text */
  --cc-ink-100: #E8EBF7;       /* near-white */
  --cc-white: #FFFFFF;

  /* Brand gradient stops */
  --cc-blue: #2EA8FF;          /* tennis-court blue */
  --cc-indigo: #5B6CFF;        /* mid */
  --cc-violet: #B14CF5;        /* magenta-violet */

  /* Differentiating accent — "court lime" */
  --cc-lime: #C8FF3D;          /* tennis-ball energy */
  --cc-lime-soft: #E0FF85;

  /* Functional */
  --cc-success: #34D399;
  --cc-warn: #FBBF24;
  --cc-danger: #F87171;

  /* Gradients */
  --cc-gradient: linear-gradient(135deg, #2EA8FF 0%, #5B6CFF 50%, #B14CF5 100%);
  --cc-gradient-soft: linear-gradient(135deg, rgba(46,168,255,0.18) 0%, rgba(177,76,245,0.18) 100%);
  --cc-glow: radial-gradient(60% 60% at 50% 40%, rgba(91,108,255,0.35), transparent 70%);

  /* Type */
  --cc-font-display: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --cc-font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --cc-font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Radius */
  --cc-r-sm: 6px;
  --cc-r-md: 12px;
  --cc-r-lg: 20px;
  --cc-r-xl: 28px;
  --cc-r-pill: 999px;

  /* Shadow */
  --cc-shadow-sm: 0 1px 2px rgba(7,9,26,0.4);
  --cc-shadow-md: 0 8px 24px rgba(7,9,26,0.5);
  --cc-shadow-lg: 0 24px 60px rgba(7,9,26,0.6);
  --cc-shadow-glow: 0 0 40px rgba(91,108,255,0.35);
}