/* GENERATED by sportified-design-system v3.1.0 — do not edit. Source: core/tokens.json */
:root {
  --sp-color-canvas: #E8EEF6;
  --sp-color-canvas-top: #F1F4F9;
  --sp-color-surface: #FBFCFE;
  --sp-color-surface-high: #FFFFFF;
  --sp-color-surface-max: #E8EDF5;
  --sp-color-hover: #EDF2F8;
  --sp-color-well: #F5F7FB;
  --sp-color-well-edge: rgba(38, 63, 104, 0.110);
  --sp-color-well-shade: rgba(38, 63, 104, 0.051);
  --sp-color-raised-edge: rgba(38, 63, 104, 0.090);
  --sp-color-milled: rgba(255, 255, 255, 0.902);
  --sp-color-surface-selected: #E8F1FF;
  --sp-color-surface-muted: #F2F4F8;
  --sp-color-surface-positive: #F8FBFF;
  --sp-color-surface-caution: #F0F5FF;
  --sp-color-surface-critical: #FFF3EF;
  --sp-color-ink: #101B32;
  --sp-color-ink-secondary: #5F6D87;
  --sp-color-ink-secondary-on-canvas: #5C6A84;
  --sp-color-ink-decorative: #929FB6;
  --sp-color-hair: rgba(38, 63, 104, 0.071);
  --sp-color-hair-strong: rgba(38, 63, 104, 0.110);
  --sp-color-hair-max: rgba(38, 63, 104, 0.180);
  --sp-color-scrim: rgba(19, 26, 43, 0.322);
  --sp-color-accent: #5B8CFF;
  --sp-color-accent-strong: #326BEE;
  --sp-color-accent-ink: #2A61D8;
  --sp-color-accent-soft: rgba(91, 140, 255, 0.200);
  --sp-color-accent-faint: rgba(91, 140, 255, 0.078);
  --sp-color-inverse-field: #101B32;
  --sp-color-inverse-ink: #FFFFFF;
  --sp-color-inverse-ink-secondary: #C3CEE0;
  --sp-color-inverse-accent: #98BAFF;
  --sp-color-inverse-hair: rgba(255, 255, 255, 0.122);
  --sp-color-inverse-field-raised: #1C2C4A;
  --sp-color-accent-wash: #EAF1FE;
  --sp-color-accent-wash-hover: #EFF5FF;
  --sp-color-accent-ink-strong: #1F55CC;
  --sp-color-accent-edge: #A9BFE4;
  --sp-color-atmosphere-glow: #DCE7FA;
  --sp-color-mark-unchecked: #C9D5E8;
  --sp-color-accent-progress: #1E4BB8;
  --sp-color-night-ground: #0A1426;
  --sp-color-night-ground-top: #17253F;
  --sp-color-night-card: #1E2E4C;
  --sp-color-night-block: #1A2B44;
  --sp-color-night-secondary: #22375A;
  --sp-color-night-ink: #F4F6FC;
  --sp-color-night-ink-secondary: #AABBD3;
  --sp-color-night-accent-ink: #93B5FF;
  --sp-color-night-edge: rgba(255, 255, 255, 0.090);
  --sp-color-night-ready-ink: #8CC7A6;
  --sp-color-night-ready-wash: #1D3329;
  --sp-color-night-needed-ink: #D9C3A0;
  --sp-color-night-needed-wash: #2E2A24;
  --sp-color-night-danger: #E3A39F;
  --sp-color-day-ground-top: #F7F9FD;
  --sp-color-day-ground: #E4EBF6;
  --sp-color-day-well: #F2F6FB;
  --sp-color-day-edge: rgba(38, 63, 104, 0.102);
  --sp-color-day-dash: #D6DEEC;
  --sp-color-night-well: #13223A;
  --sp-color-night-tab: #14233B;
  --sp-color-day-ring: #192F52;
  --sp-color-day-shadow: #3C5582;
  --sp-color-night-shadow: #000000;
  --sp-action-primary-surface: #326BEE;
  --sp-action-primary-ink: #FFFFFF;
  --sp-action-primary-hover: #2A61D8;
  --sp-action-primary-edge: #2A61D8;
  --sp-action-strong-surface: #29466F;
  --sp-action-strong-ink: #F7F9FD;
  --sp-action-quiet-surface: #F8FAFD;
  --sp-action-quiet-ink: #1A3F82;
  --sp-action-quiet-edge: rgba(38, 63, 104, 0.102);
  --sp-action-danger-surface: #934F4C;
  --sp-action-danger-ink: #FFFFFF;
  --sp-action-danger-hover: #7E4341;
  --sp-status-success: #38634E;
  --sp-status-success-soft: rgba(56, 99, 78, 0.122);
  --sp-status-success-border: rgba(56, 99, 78, 0.302);
  --sp-status-success-tint: #E7ECE9;
  --sp-status-warning: #756248;
  --sp-status-warning-soft: rgba(117, 98, 72, 0.122);
  --sp-status-warning-border: rgba(117, 98, 72, 0.302);
  --sp-status-warning-tint: #EEECE9;
  --sp-status-error: #934F4C;
  --sp-status-error-soft: rgba(147, 79, 76, 0.122);
  --sp-status-error-border: rgba(147, 79, 76, 0.302);
  --sp-status-error-tint: #F2EAE9;
  --sp-status-info: #4165BD;
  --sp-status-info-soft: rgba(65, 101, 189, 0.122);
  --sp-status-info-border: rgba(65, 101, 189, 0.302);
  --sp-status-info-tint: #E8ECF7;
  --sp-signal-live: #55D6A0;
  --sp-signal-safety: #F0C04A;
  --sp-illustration-ball: #F2B21B;
  --sp-illustration-cone: #EC6A24;
  --sp-illustration-cone-base: #C9541A;
  --sp-illustration-practice-day: #1E9E5A;
  --sp-identity-0: #4E7EA6;
  --sp-identity-1: #9286B5;
  --sp-identity-2: #CA91B5;
  --sp-identity-3: #A27F5E;
  --sp-identity-4: #58A9AE;
  --sp-identity-5: #95A6D8;
  --sp-identity-6: #6F7649;
  --sp-identity-7: #AC9F6F;
  --sp-program-court: #8B6F57;
  --sp-program-court-glyph: #FFFFFF;
  --sp-program-pitch: #8090BD;
  --sp-program-pitch-glyph: #FFFFFF;
  --sp-program-sky: #446E93;
  --sp-program-sky-glyph: #FFFFFF;
  --sp-program-grape: #7D75A0;
  --sp-program-grape-glyph: #FFFFFF;
  --sp-program-berry: #AC7EA0;
  --sp-program-berry-glyph: #FFFFFF;
  --sp-program-sun: #938A65;
  --sp-program-sun-glyph: #FFFFFF;
  --sp-program-lagoon: #4C929A;
  --sp-program-lagoon-glyph: #FFFFFF;
  --sp-program-lime: #606745;
  --sp-program-lime-glyph: #FFFFFF;
  --sp-section-warm-up: #7BB273;
  --sp-section-skill-game: #D18E5A;
  --sp-section-skill-development: #C9A24A;
  --sp-section-tactical-game: #8B7868;
  --sp-section-competition: #C66A2E;
  --sp-section-cool-down: #5A8FB3;
  --sp-font-display: "Rethink Sans", "Avenir Next", "Segoe UI", Arial, sans-serif;
  --sp-font-body: "Rethink Sans", "Avenir Next", "Segoe UI", Arial, sans-serif;
  --sp-font-label: "Figtree", "Rethink Sans", "Avenir Next", "Segoe UI", Arial, sans-serif;
  --sp-font-data: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  --sp-font-editorial: "Hedvig Letters Serif", Georgia, serif;
  --sp-font-weight-regular: 400;
  --sp-font-weight-medium: 500;
  --sp-font-weight-semibold: 600;
  --sp-font-weight-bold: 700;
  --sp-tracking-none: 0em;
  --sp-tracking-snug: -0.01em;
  --sp-tracking-display: -0.02em;
  --sp-tracking-caps: 0.14em;
  --sp-tracking-caps-wide: 0.18em;
  --sp-line-height-tight: 1.1;
  --sp-line-height-snug: 1.2;
  --sp-line-height-body: 1.5;
  --sp-text-floor: 12px;
  --sp-space-0: 0px;
  --sp-space-2: 2px;
  --sp-space-4: 4px;
  --sp-space-8: 8px;
  --sp-space-12: 12px;
  --sp-space-16: 16px;
  --sp-space-20: 20px;
  --sp-space-24: 24px;
  --sp-space-32: 32px;
  --sp-space-40: 40px;
  --sp-space-48: 48px;
  --sp-space-64: 64px;
  --sp-space-80: 80px;
  --sp-space-96: 96px;
  --sp-space-120: 120px;
  --sp-radius-2: 2px;
  --sp-radius-6: 6px;
  --sp-radius-8: 8px;
  --sp-radius-10: 10px;
  --sp-radius-12: 12px;
  --sp-radius-14: 14px;
  --sp-radius-16: 16px;
  --sp-radius-18: 18px;
  --sp-radius-20: 20px;
  --sp-radius-24: 24px;
  --sp-radius-pill: 9999px;
  --sp-shadow-sm: 0 1px 2px 0 rgba(25, 47, 82, 0.05);
  --sp-shadow-lift-sm: 0 1px 3px 0 rgba(25, 47, 82, 0.1);
  --sp-shadow-lift: 0 4px 10px -6px rgba(25, 47, 82, 0.13), 0 1px 1px 0 rgba(25, 47, 82, 0.1);
  --sp-shadow-md: 0 5px 14px -7px rgba(25, 47, 82, 0.1);
  --sp-shadow-lg: 0 12px 30px -14px rgba(25, 47, 82, 0.12);
  --sp-shadow-card: 0 0 0 1px rgba(25, 47, 82, 0.05), 0 1px 2px 0 rgba(25, 47, 82, 0.04), 0 8px 24px -12px rgba(25, 47, 82, 0.14);
  --sp-focus-color: #326BEE;
  --sp-focus-color-inverse: #98BAFF;
  --sp-focus-width: 3px;
  --sp-focus-offset: 2px;
  --sp-focus-ring: 0 0 0 2px #FFFFFF, 0 0 0 5px #326BEE;
  --sp-focus-ring-inset: inset 0 0 0 3px #326BEE;
  --sp-duration-instant: 0ms;
  --sp-duration-fast: 160ms;
  --sp-duration-normal: 320ms;
  --sp-duration-slow: 560ms;
  --sp-ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
  --sp-ease-gentle: cubic-bezier(0.32, 0.72, 0, 1);
  --sp-ease-swift: cubic-bezier(0.4, 0, 0.1, 1);
  --sp-ease-linear: cubic-bezier(0, 0, 1, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --sp-duration-instant: 0ms;
    --sp-duration-fast: 0ms;
    --sp-duration-normal: 0ms;
    --sp-duration-slow: 0ms;
  }
}