/* Roster.Ui tokens — base layer + brand layers + themes. Generated from tokens/*.json */
:root, [data-theme="light"] {
  --font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --text-display-xl: 800 120px/1 var(--font-family);
  --tracking-display-xl: -3px;
  --text-display: 800 56px/1.05 var(--font-family);
  --tracking-display: -1.5px;
  --text-h1: 800 40px/1.1 var(--font-family);
  --tracking-h1: -1px;
  --text-h2: 700 28px/1.2 var(--font-family);
  --tracking-h2: -0.5px;
  --text-h3: 700 20px/1.3 var(--font-family);
  --tracking-h3: -0.2px;
  --text-body-l: 500 18px/1.5 var(--font-family);
  --tracking-body-l: 0px;
  --text-body: 500 16px/1.5 var(--font-family);
  --tracking-body: 0px;
  --text-small: 500 14px/1.45 var(--font-family);
  --tracking-small: 0px;
  --text-micro: 600 12px/1.4 var(--font-family);
  --tracking-micro: 0px;
  --text-screen-row: 700 48px/1.1 var(--font-family);
  --tracking-screen-row: -1px;
  --text-screen-points: 800 64px/1 var(--font-family);
  --tracking-screen-points: -1.5px;
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
  --dur-shuffle: 900ms;
  --ease-standard: cubic-bezier(.2,0,0,1);
  --ease-lift: cubic-bezier(.34,1.4,.64,1);
  --ease-exit: cubic-bezier(.4,0,1,1);
  --z-base: 0;
  --z-sticky: 10;
  --z-sheet: 40;
  --z-dialog: 50;
  --z-toast: 60;
  --target-min: 44px;
  --target-referee: 64px;
  --color-bg: #F8F9FA;
  --color-surface: #FFFFFF;
  --color-surface-2: #F1F2F5;
  --color-ink: #2B2D42;
  --color-ink-2: #5C5F73;
  --color-line: #E3E5EA;
  --color-line-strong: #C9CCD5;
  --color-primary: #5000A5;
  --color-on-primary: #FFFFFF;
  --color-primary-hover: #2D0060;
  --color-primary-tint: #F0E8FA;
  --color-link: #5000A5;
  --color-blue: #007BFF;
  --color-blue-text: #0062CC;
  --color-cyan: #00E5FF;
  --color-lime: #D4FF00;
  --color-on-lime: #2B2D42;
  --color-focus: #007BFF;
  --color-success: #1F7A3A;
  --color-success-bg: #EEFFB0;
  --color-warning: #8A4500;
  --color-warning-bg: #FFE9B8;
  --color-danger: #C2183A;
  --color-danger-bg: #FFE3E8;
  --color-info: #0062CC;
  --color-info-bg: #E0EEFF;
  --color-scrim: rgba(26,0,51,.48);
  --color-avatar-1: #5000A5;
  --color-avatar-2: #007BFF;
  --color-avatar-3: #00E5FF;
  --color-avatar-4: #D4FF00;
  --color-avatar-5: #1A0033;
  --color-on-avatar-1: #FFFFFF;
  --color-on-avatar-2: #FFFFFF;
  --color-on-avatar-3: #2B2D42;
  --color-on-avatar-4: #2B2D42;
  --color-on-avatar-5: #FFFFFF;
  --shadow-lift: 6px 6px 0 0 rgba(45,0,96,.20);
  --shadow-overlay: 0 16px 40px rgba(26,0,51,.20);
  --color-brand-primary: #5000A5;
  --color-brand-secondary: #007BFF;
  --color-brand-night: #1A0033;
  --color-brand-shadow: #2D0060;
  --color-brand-cyan: #00E5FF;
  --color-brand-lime: #D4FF00;
}
[data-theme="dark"] {
  --color-bg: #1A0033;
  --color-surface: #241044;
  --color-surface-2: #2E1652;
  --color-ink: #EDE7F6;
  --color-ink-2: #B3A6CC;
  --color-line: #3A2560;
  --color-line-strong: #5A4285;
  --color-primary: #B794FF;
  --color-on-primary: #1A0033;
  --color-primary-hover: #CDB4FF;
  --color-primary-tint: #33195C;
  --color-link: #CDB4FF;
  --color-blue: #4D9DFF;
  --color-blue-text: #7DBDFF;
  --color-cyan: #33D6EB;
  --color-lime: #C8EB3A;
  --color-on-lime: #1A0033;
  --color-focus: #00E5FF;
  --color-success: #C8EB3A;
  --color-success-bg: #2A3A10;
  --color-warning: #FFC26B;
  --color-warning-bg: #3D2A0E;
  --color-danger: #FF8FA3;
  --color-danger-bg: #40142A;
  --color-info: #7DBDFF;
  --color-info-bg: #122B4A;
  --color-scrim: rgba(0,0,0,.6);
  --color-avatar-1: #7A3FD1;
  --color-avatar-2: #2F86F0;
  --color-avatar-3: #33D6EB;
  --color-avatar-4: #C8EB3A;
  --color-avatar-5: #4A2A80;
  --color-on-avatar-1: #FFFFFF;
  --color-on-avatar-2: #FFFFFF;
  --color-on-avatar-3: #1A0033;
  --color-on-avatar-4: #1A0033;
  --color-on-avatar-5: #FFFFFF;
  --shadow-lift: 6px 6px 0 0 rgba(0,0,0,.45);
  --shadow-overlay: 0 16px 40px rgba(0,0,0,.5);
  --color-brand-primary: #B794FF;
}
[data-theme="stage"] {
  --stage-bg: #5000A5;
  --stage-surface: #FFFFFF;
  --stage-ink: #2B2D42;
  --stage-ink-2: #5C5F73;
  --stage-on-bg: #FFFFFF;
  --stage-on-bg-2: #E4D6F7;
  --stage-lime: #D4FF00;
  --stage-cyan: #00E5FF;
  --stage-line: #7A3FD1;
}
[data-brand="fantaroster"] { --brand-prefix: "fanta"; }
[data-brand="imagiroster"] { --brand-prefix: "imagi"; }
@media (prefers-reduced-motion: reduce) { :root { --dur-shuffle: 0ms; --dur-slow: 0ms; --dur-base: 0ms; } }