/* Tennis Lady — generated from tokens.json */
:root, [data-theme="light"] {
  --surface: #fbf8f2;
  --surface-raised: #ffffff;
  --surface-sunken: #f2ece0;
  --ink: #1e1220;
  --ink-muted: #5a4b5c;
  --line: #e2d9c9;
  --line-strong: #85758a;
  --brand: #7b1e3f;
  --brand-hover: #5c142d;
  --brand-tint: #f7e4ea;
  --on-brand: #ffffff;
  --optic: #d9f24a;
  --on-optic: #1e1220;
  --optic-tint: #f1fbc0;
  --court: #1b5aa6;
  --court-tint: #e1ecf8;
  --clay: #b4472a;
  --on-clay: #ffffff;
  --clay-tint: #fbe6df;
  --success: #0a6a72;
  --success-tint: #dff1f1;
  --danger: #b3261e;
  --danger-tint: #fbe3e1;
  --warning: #7a4f00;
  --warning-tint: #fbefd0;
  --focus: #1b5aa6;
  --shadow-card: 0 1px 2px rgba(30,18,32,0.08), 0 6px 16px rgba(30,18,32,0.06);
  --shadow-press: 0 3px 0 0 #3d0c1e;
}
[data-theme="dark"] {
  --surface: #171019;
  --surface-raised: #241927;
  --surface-sunken: #110b13;
  --ink: #f7f0e7;
  --ink-muted: #c2b4c4;
  --line: #3a2c3d;
  --line-strong: #8f7f93;
  --brand: #f2a1bd;
  --brand-hover: #f8bfd2;
  --brand-tint: #3d1626;
  --on-brand: #2a0a17;
  --optic: #d9f24a;
  --on-optic: #1e1220;
  --optic-tint: #2c3510;
  --court: #8fbcf2;
  --court-tint: #14263d;
  --clay: #f08a6a;
  --on-clay: #2a0f08;
  --clay-tint: #3b1d14;
  --success: #5fd0d6;
  --success-tint: #10302f;
  --danger: #ff9a92;
  --danger-tint: #3d1613;
  --warning: #f0c25a;
  --warning-tint: #3a2a08;
  --focus: #d9f24a;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.5), 0 6px 16px rgba(0,0,0,0.35);
  --shadow-press: 0 3px 0 0 #a8466a;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --tap-min: 44px;
  --tap-comfort: 52px;
  --content-max: 480px;
  --tabbar-height: 64px;
  --ring-width: 3px;
  --font-display: "Bricolage Grotesque", "Trebuchet MS", system-ui, sans-serif;
  --font-sans: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
}
@font-face{font-family:'Bricolage Grotesque';src:url(fonts/BricolageGrotesque-Variable-ada540c0e24aeb0c4a2fd52d68fdec8e.woff2?vsn=d);font-weight:200 800}@font-face{font-family:'Figtree';src:url(fonts/Figtree-Variable-202cfb54d4e66d1702404ade49339ceb.woff2?vsn=d);font-weight:300 900}