/* tokens.css — generated by build_tokens.py; do not hand-edit. */
/* base = light (default mode); deltas layered below. */
:root {
  --primitive-color-brand-ink: #111114;
  --primitive-color-brand-paper: #F7F7FA;
  --primitive-color-brand-white: #FFFFFF;
  --primitive-color-brand-mark-ring: #55555C;
  --primitive-color-brand-mark-streak: #9A9AA2;
  --primitive-color-brand-mark-reverse: #77777E;
  --primitive-color-neutral-slate: #54545C;
  --primitive-color-neutral-muted: #64646B;
  --primitive-color-neutral-sunken: #EFEFF2;
  --primitive-color-neutral-border: #E1E1E6;
  --primitive-color-neutral-control: #87878F;
  --primitive-color-neutral-selection: #E7E7EC;
  --primitive-color-neutral-scrim: #11111452;
  --primitive-color-neutral-dark-sunken: #0B0B0E;
  --primitive-color-neutral-dark-background: #17171B;
  --primitive-color-neutral-dark-raised: #222228;
  --primitive-color-neutral-dark-overlay: #2D2D33;
  --primitive-color-neutral-dark-primary: #F3F3F6;
  --primitive-color-neutral-dark-secondary: #BDBDC4;
  --primitive-color-neutral-dark-muted: #A2A2AA;
  --primitive-color-neutral-dark-border: #333339;
  --primitive-color-neutral-dark-control: #818189;
  --primitive-color-neutral-dark-selection: #36363D;
  --primitive-color-neutral-dark-scrim: #0000008F;
  --primitive-color-feedback-success: #007948;
  --primitive-color-feedback-warning: #936000;
  --primitive-color-feedback-error: #C22630;
  --primitive-color-feedback-success-dark: #65E0A5;
  --primitive-color-feedback-warning-dark: #FFC573;
  --primitive-color-feedback-error-dark: #FF9498;
  --primitive-color-material-bar: #FFFFFFCC;
  --primitive-color-material-popover: #FFFFFFE0;
  --primitive-color-material-bar-dark: #17171BCC;
  --primitive-color-material-popover-dark: #26262BE0;
  --primitive-color-material-edge: #1111141F;
  --primitive-color-material-edge-dark: #FFFFFF1F;
  --primitive-color-court-clay-start: #733C25;
  --primitive-color-court-clay-end: #B76849;
  --primitive-color-court-clay-glow: #4A200E;
  --primitive-color-court-clay-solid: #E6590B;
  --primitive-color-court-clay-ink: #A24112;
  --primitive-color-court-clay-tint: #FFEDE6;
  --primitive-color-court-clay-shade: #B7684973;
  --primitive-color-court-grass-start: #375730;
  --primitive-color-court-grass-end: #618E58;
  --primitive-color-court-grass-glow: #1D3517;
  --primitive-color-court-grass-solid: #62A00C;
  --primitive-color-court-grass-ink: #447206;
  --primitive-color-court-grass-tint: #EAF5E2;
  --primitive-color-court-grass-shade: #618E5873;
  --primitive-color-court-hard-start: #2C4E7B;
  --primitive-color-court-hard-end: #5282C1;
  --primitive-color-court-hard-glow: #142E50;
  --primitive-color-court-hard-solid: #2D8AFC;
  --primitive-color-court-hard-ink: #2462B1;
  --primitive-color-court-hard-tint: #E9F2FF;
  --primitive-color-court-hard-shade: #5282C173;
  --primitive-color-court-night-start: #4E4377;
  --primitive-color-court-night-end: #8273BC;
  --primitive-color-court-night-glow: #2F264E;
  --primitive-color-court-night-solid: #9270F4;
  --primitive-color-court-night-ink: #6750AB;
  --primitive-color-court-night-tint: #F1EFFF;
  --primitive-color-court-night-shade: #8273BC73;
  --primitive-color-court-light: #FFF3E699;
  --primitive-color-court-core: #FFFFFF73;
  --primitive-color-court-dark-clay-ink: #FEB79C;
  --primitive-color-court-dark-clay-tint: #432519;
  --primitive-color-court-dark-grass-ink: #B2D994;
  --primitive-color-court-dark-grass-tint: #243318;
  --primitive-color-court-dark-hard-ink: #A9CDFE;
  --primitive-color-court-dark-hard-tint: #1D2F47;
  --primitive-color-court-dark-night-ink: #CBC1FE;
  --primitive-color-court-dark-night-tint: #2E2945;
  --primitive-color-court-surface-clay-artificial: #D87D53;
  --primitive-color-court-surface-clay-hybrid: #A2562F;
  --primitive-color-court-surface-grass-artificial: #0E9F8A;
  --primitive-color-court-surface-asphalt: #46536B;
  --primitive-color-court-surface-concrete: #647592;
  --primitive-color-court-surface-carpet: #C2569B;
  --primitive-color-court-surface-other: #8E8E98;
  --primitive-color-court-surface-dark-clay-artificial: #F2956A;
  --primitive-color-court-surface-dark-clay-hybrid: #B96637;
  --primitive-color-court-surface-dark-asphalt: #6B7A94;
  --primitive-color-court-surface-dark-concrete: #8494AD;
  --primitive-color-court-surface-dark-other: #B0B0B9;
  --primitive-color-data-viz-series-1: #3E71E9;
  --primitive-color-data-viz-series-2: #A78200;
  --primitive-color-data-viz-series-3: #E34EA5;
  --primitive-color-data-viz-series-4: #009B60;
  --primitive-color-data-viz-series-5: #8F6CE0;
  --primitive-color-data-viz-series-6: #C96222;
  --primitive-color-data-viz-series-fill-1: #77A2FC;
  --primitive-color-data-viz-series-fill-2: #FCD265;
  --primitive-color-data-viz-series-fill-3: #FF97CD;
  --primitive-color-data-viz-series-fill-4: #71F6B0;
  --primitive-color-data-viz-series-fill-5: #C8B7FF;
  --primitive-color-data-viz-series-fill-6: #FFAE85;
  --primitive-color-data-viz-sequential-1: #DDE8FF;
  --primitive-color-data-viz-sequential-2: #A8C1F2;
  --primitive-color-data-viz-sequential-3: #7297E2;
  --primitive-color-data-viz-sequential-4: #406BCE;
  --primitive-color-data-viz-sequential-5: #1D44A3;
  --primitive-color-data-viz-diverging-2: #D09E85;
  --primitive-color-data-viz-diverging-4: #95ABD8;
  --primitive-color-data-viz-diverging-5: #547FDC;
  --primitive-color-data-viz-muted: #D8D8DE;
  --primitive-color-data-viz-dark-series-1: #588CFF;
  --primitive-color-data-viz-dark-series-2: #FFD568;
  --primitive-color-data-viz-dark-series-3: #FD66BC;
  --primitive-color-data-viz-dark-series-4: #7BFFB9;
  --primitive-color-data-viz-dark-series-5: #B59AFF;
  --primitive-color-data-viz-dark-series-6: #FF8A47;
  --primitive-color-data-viz-dark-sequential-1: #233251;
  --primitive-color-data-viz-dark-sequential-2: #38538D;
  --primitive-color-data-viz-dark-sequential-3: #5277C7;
  --primitive-color-data-viz-dark-sequential-4: #779FF3;
  --primitive-color-data-viz-dark-sequential-5: #B0CBFF;
  --primitive-color-data-viz-dark-diverging-1: #D36B2D;
  --primitive-color-data-viz-dark-diverging-2: #885539;
  --primitive-color-data-viz-dark-diverging-4: #4C6291;
  --primitive-color-data-viz-dark-diverging-5: #5C88E7;
  --primitive-color-data-viz-dark-muted: #47474E;
  --primitive-color-dashboard-rose-solid: #D10F50;
  --primitive-color-dashboard-rose-tint: #FCEEF3;
  --primitive-color-dashboard-rose-soft: #F8DBE5;
  --primitive-color-dashboard-rose-strong: #F3C1D2;
  --primitive-color-dashboard-rose-text: #7B1035;
  --primitive-color-dashboard-orange-solid: #E26B1B;
  --primitive-color-dashboard-orange-tint: #FDF5EF;
  --primitive-color-dashboard-orange-soft: #FBE9DD;
  --primitive-color-dashboard-orange-strong: #F7D9C4;
  --primitive-color-dashboard-orange-text: #844218;
  --primitive-color-dashboard-amber-solid: #E8A31C;
  --primitive-color-dashboard-amber-tint: #FDF9EF;
  --primitive-color-dashboard-amber-soft: #FCF1DD;
  --primitive-color-dashboard-amber-strong: #F9E7C4;
  --primitive-color-dashboard-amber-text: #876118;
  --primitive-color-dashboard-green-solid: #22C35E;
  --primitive-color-dashboard-green-tint: #F0FBF4;
  --primitive-color-dashboard-green-soft: #DEF6E7;
  --primitive-color-dashboard-green-strong: #C6EFD5;
  --primitive-color-dashboard-green-text: #1A733D;
  --primitive-color-dashboard-teal-solid: #1A9389;
  --primitive-color-dashboard-teal-tint: #EFF7F7;
  --primitive-color-dashboard-teal-soft: #DDEFED;
  --primitive-color-dashboard-teal-strong: #C3E3E0;
  --primitive-color-dashboard-teal-text: #165854;
  --primitive-color-dashboard-sky-solid: #2DBAD8;
  --primitive-color-dashboard-sky-tint: #F0FAFC;
  --primitive-color-dashboard-sky-soft: #E0F5F9;
  --primitive-color-dashboard-sky-strong: #C8EDF5;
  --primitive-color-dashboard-sky-text: #206E80;
  --primitive-color-dashboard-blue-solid: #0A7CD8;
  --primitive-color-dashboard-blue-tint: #EEF6FC;
  --primitive-color-dashboard-blue-soft: #DAEBF9;
  --primitive-color-dashboard-blue-strong: #BFDDF5;
  --primitive-color-dashboard-blue-text: #0D4C80;
  --primitive-color-dashboard-indigo-solid: #8481F6;
  --primitive-color-dashboard-indigo-tint: #F6F6FE;
  --primitive-color-dashboard-indigo-soft: #EDECFE;
  --primitive-color-dashboard-indigo-strong: #DFDEFD;
  --primitive-color-dashboard-indigo-text: #504F90;
  --primitive-color-dashboard-purple-solid: #9B4BEA;
  --primitive-color-dashboard-purple-tint: #F8F2FE;
  --primitive-color-dashboard-purple-soft: #F0E4FC;
  --primitive-color-dashboard-purple-strong: #E5D0FA;
  --primitive-color-dashboard-purple-text: #5D318A;
  --primitive-color-dashboard-pink-solid: #E482BD;
  --primitive-color-dashboard-pink-tint: #FDF6FA;
  --primitive-color-dashboard-pink-soft: #FBECF5;
  --primitive-color-dashboard-pink-strong: #F8DEEE;
  --primitive-color-dashboard-pink-text: #854F71;
  --primitive-color-dashboard-dark-rose-tint: #3B1F2E;
  --primitive-color-dashboard-dark-rose-soft: #481E31;
  --primitive-color-dashboard-dark-rose-strong: #5E1C36;
  --primitive-color-dashboard-dark-rose-text: #E0769B;
  --primitive-color-dashboard-dark-orange-tint: #3D2C26;
  --primitive-color-dashboard-dark-orange-soft: #4C3225;
  --primitive-color-dashboard-dark-orange-strong: #633B24;
  --primitive-color-dashboard-dark-orange-text: #EAA87E;
  --primitive-color-dashboard-dark-amber-tint: #3E3426;
  --primitive-color-dashboard-dark-amber-soft: #4E3E25;
  --primitive-color-dashboard-dark-amber-strong: #654E24;
  --primitive-color-dashboard-dark-amber-text: #EDC77E;
  --primitive-color-dashboard-dark-green-tint: #223930;
  --primitive-color-dashboard-dark-green-soft: #224534;
  --primitive-color-dashboard-dark-green-strong: #22593A;
  --primitive-color-dashboard-dark-green-text: #80D9A2;
  --primitive-color-dashboard-dark-teal-tint: #213236;
  --primitive-color-dashboard-dark-teal-soft: #203B3D;
  --primitive-color-dashboard-dark-teal-strong: #1F4849;
  --primitive-color-dashboard-dark-teal-text: #7CBEBA;
  --primitive-color-dashboard-dark-sky-tint: #243741;
  --primitive-color-dashboard-dark-sky-soft: #24434F;
  --primitive-color-dashboard-dark-sky-strong: #265664;
  --primitive-color-dashboard-dark-sky-text: #86D4E6;
  --primitive-color-dashboard-dark-blue-tint: #1F2F41;
  --primitive-color-dashboard-dark-blue-soft: #1D364F;
  --primitive-color-dashboard-dark-blue-strong: #1A4164;
  --primitive-color-dashboard-dark-blue-text: #73B2E6;
  --primitive-color-dashboard-dark-indigo-tint: #302F45;
  --primitive-color-dashboard-dark-indigo-soft: #383755;
  --primitive-color-dashboard-dark-indigo-strong: #43426E;
  --primitive-color-dashboard-dark-indigo-text: #B6B4F6;
  --primitive-color-dashboard-dark-purple-tint: #332843;
  --primitive-color-dashboard-dark-purple-soft: #3D2B53;
  --primitive-color-dashboard-dark-purple-strong: #4B306A;
  --primitive-color-dashboard-dark-purple-text: #C397EF;
  --primitive-color-dashboard-dark-pink-tint: #3D2F3D;
  --primitive-color-dashboard-dark-pink-soft: #4D3749;
  --primitive-color-dashboard-dark-pink-strong: #64435B;
  --primitive-color-dashboard-dark-pink-text: #EBB5D7;
  --primitive-color-task-blue: #2B6EF2;
  --primitive-color-task-orange: #FF6B2C;
  --primitive-color-task-rose: #EC3D8C;
  --primitive-color-task-done: #12B76A;
  --primitive-color-task-open: #F59E0B;
  --primitive-color-task-reward: #D9A400;
  --primitive-color-color-icon-gold: #F5B70B;
  --primitive-color-color-icon-gray: #B4B4BC;
  --primitive-color-color-icon-slate: #4A4A55;
  --primitive-color-color-icon-white: #F4F5F8;
  --primitive-color-color-icon-paper: #DCE7FB;
  --primitive-color-color-icon-peach: #FFC6A0;
  --primitive-color-color-icon-blue-shade: #0268D1;
  --primitive-color-color-icon-orange-shade: #D04F11;
  --primitive-color-color-icon-green-shade: #009152;
  --primitive-color-color-icon-lime-shade: #4B7B0C;
  --primitive-color-color-icon-purple-shade: #734DCE;
  --primitive-color-color-icon-rose-shade: #C1146C;
  --primitive-color-color-icon-yellow-shade: #DAAF06;
  --primitive-color-color-icon-gold-shade: #CE9413;
  --primitive-color-color-icon-clay-shade: #B2440C;
  --primitive-color-color-icon-sky-shade: #0B96B0;
  --primitive-color-color-icon-gray-shade: #92929A;
  --primitive-color-color-icon-slate-shade: #33333C;
  --primitive-color-color-icon-white-shade: #D6D8E0;
  --primitive-color-color-icon-paper-shade: #B9C9EA;
  --primitive-color-color-icon-peach-shade: #EFA37A;
  --primitive-color-color-icon-gloss: #FFFFFFB8;
  --primitive-color-task-dark-blue: #5B8CFF;
  --primitive-color-task-dark-orange: #FF8A4C;
  --primitive-color-task-dark-rose: #FF5FA8;
  --primitive-color-task-dark-done: #3DD68C;
  --primitive-color-highlight-sun: #FAD53B;
  --primitive-color-backdrop-0: #FAFAFD;
  --primitive-color-backdrop-20: #F4F4F7;
  --primitive-color-backdrop-30: #F0F0F3;
  --primitive-color-backdrop-40: #E7E7EA;
  --primitive-color-backdrop-50: #DBDBDE;
  --primitive-color-backdrop-60: #D0D0D3;
  --primitive-color-backdrop-70: #C5C6C9;
  --primitive-color-backdrop-80: #BDBDC0;
  --primitive-color-backdrop-90: #B8B8BB;
  --primitive-color-backdrop-100: #B4B4B7;
  --primitive-color-backdrop-dark-0: #0C0C0F;
  --primitive-color-backdrop-dark-10: #151518;
  --primitive-color-backdrop-dark-20: #1E1E22;
  --primitive-color-backdrop-dark-30: #2B2B2F;
  --primitive-color-backdrop-dark-40: #404044;
  --primitive-color-backdrop-dark-50: #5B5B60;
  --primitive-color-backdrop-dark-60: #75757A;
  --primitive-color-backdrop-dark-70: #8F8F94;
  --primitive-color-backdrop-dark-80: #A4A4A9;
  --primitive-color-backdrop-dark-90: #B1B1B7;
  --primitive-color-backdrop-dark-100: #BDBDC2;
  --primitive-dimension-space-1: 0.25rem;
  --primitive-dimension-space-2: 0.5rem;
  --primitive-dimension-space-3: 0.75rem;
  --primitive-dimension-space-4: 1rem;
  --primitive-dimension-space-6: 1.5rem;
  --primitive-dimension-space-8: 2rem;
  --primitive-dimension-space-12: 3rem;
  --primitive-dimension-space-16: 4rem;
  --primitive-dimension-space-24: 6rem;
  --primitive-dimension-radius-control: 12px;
  --primitive-dimension-radius-card: 20px;
  --primitive-dimension-radius-hero: 28px;
  --primitive-dimension-radius-inner: 4px;
  --primitive-dimension-radius-pill: 999px;
  --primitive-dimension-font-size-10: 0.625rem;
  --primitive-dimension-font-size-12: 0.75rem;
  --primitive-dimension-font-size-13: 0.8125rem;
  --primitive-dimension-font-size-16: 1rem;
  --primitive-dimension-font-size-20: 1.25rem;
  --primitive-dimension-font-size-24: 1.5rem;
  --primitive-dimension-font-size-32: 2rem;
  --primitive-dimension-font-size-52: 3.25rem;
  --primitive-dimension-display-size-24: 24px;
  --primitive-dimension-display-size-32: 32px;
  --primitive-dimension-display-size-48: 48px;
  --primitive-dimension-display-size-64: 64px;
  --primitive-dimension-display-size-80: 80px;
  --primitive-dimension-display-size-144: 144px;
  --primitive-dimension-tracking-heading1: -0.64px;
  --primitive-dimension-tracking-heading2: -0.48px;
  --primitive-dimension-tracking-heading3: -0.2px;
  --primitive-dimension-tracking-numeral: -1.04px;
  --primitive-dimension-tracking-none: 0px;
  --primitive-dimension-tracking-hero: -2.88px;
  --primitive-dimension-tracking-headline: -1.6px;
  --primitive-dimension-tracking-title: -1.28px;
  --primitive-dimension-tracking-caps-small: 0.96px;
  --primitive-dimension-tracking-caps-large: 2.56px;
  --primitive-dimension-hairline: 1px;
  --primitive-dimension-ring-width: 2px;
  --primitive-dimension-ring-offset: 2px;
  --primitive-dimension-icon-16: 1rem;
  --primitive-dimension-icon-20: 1.25rem;
  --primitive-dimension-icon-24: 1.5rem;
  --primitive-dimension-breakpoint-compact: 390px;
  --primitive-dimension-breakpoint-medium: 768px;
  --primitive-dimension-breakpoint-wide: 1440px;
  --primitive-font-family-sans: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --primitive-font-family-zh: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --primitive-font-family-display: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --primitive-font-family-display-zh: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --primitive-font-weight-regular: 400;
  --primitive-font-weight-medium: 500;
  --primitive-font-weight-semibold: 600;
  --primitive-font-weight-extrabold: 800;
  --primitive-ratio-line-height-display: 1.05;
  --primitive-ratio-line-height-subhead: 1.2;
  --primitive-ratio-line-height-heading: 1.25;
  --primitive-ratio-line-height-caps: 1.3;
  --primitive-ratio-line-height-heading-zh: 1.35;
  --primitive-ratio-line-height-label: 1.4;
  --primitive-ratio-line-height-caption: 1.5;
  --primitive-ratio-line-height-body: 1.7;
  --primitive-duration-feedback: 160ms;
  --primitive-duration-transition: 240ms;
  --primitive-duration-intro: 480ms;
  --primitive-easing-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --primitive-easing-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --primitive-easing-move: cubic-bezier(0.45, 0, 0.55, 1);
  --primitive-easing-fall: cubic-bezier(0.55, 0, 1, 0.45);
  --primitive-opacity-hover: 0.08;
  --primitive-opacity-focus: 0.1;
  --primitive-opacity-pressed: 0.16;
  --primitive-opacity-dragged: 0.16;
  --primitive-opacity-disabled: 0.38;
  --semantic-color-text-primary: #111114;
  --semantic-color-text-secondary: #54545C;
  --semantic-color-text-tertiary: #64646B;
  --semantic-color-text-on-action: #FFFFFF;
  --semantic-color-text-on-prominent: #FFFFFF;
  --semantic-color-surface-sunken: #EFEFF2;
  --semantic-color-surface-background: #F7F7FA;
  --semantic-color-surface-raised: #FFFFFF;
  --semantic-color-surface-overlay: #FFFFFF;
  --semantic-color-surface-selected: #E7E7EC;
  --semantic-color-surface-brand: #FFFFFF;
  --semantic-color-mark-ball: #111114;
  --semantic-color-mark-ring: #55555C;
  --semantic-color-mark-streak: #9A9AA2;
  --semantic-color-border-subtle: #E1E1E6;
  --semantic-color-border-strong: #87878F;
  --semantic-color-action-primary: #111114;
  --semantic-color-action-prominent: #111114;
  --semantic-color-highlight-fill: #FAD53B;
  --semantic-color-highlight-on-fill: #111114;
  --semantic-color-scene-clay-start: #733C25;
  --semantic-color-scene-clay-end: #B76849;
  --semantic-color-scene-clay-glow: #4A200E;
  --semantic-color-scene-clay-shade: #B7684973;
  --semantic-color-scene-clay-ink: #A24112;
  --semantic-color-scene-grass-start: #375730;
  --semantic-color-scene-grass-end: #618E58;
  --semantic-color-scene-grass-glow: #1D3517;
  --semantic-color-scene-grass-shade: #618E5873;
  --semantic-color-scene-grass-ink: #447206;
  --semantic-color-scene-hard-start: #2C4E7B;
  --semantic-color-scene-hard-end: #5282C1;
  --semantic-color-scene-hard-glow: #142E50;
  --semantic-color-scene-hard-shade: #5282C173;
  --semantic-color-scene-hard-ink: #2462B1;
  --semantic-color-scene-night-start: #4E4377;
  --semantic-color-scene-night-end: #8273BC;
  --semantic-color-scene-night-glow: #2F264E;
  --semantic-color-scene-night-shade: #8273BC73;
  --semantic-color-scene-night-ink: #6750AB;
  --semantic-color-scene-bloom: #FFF3E699;
  --semantic-color-scene-core: #FFFFFF73;
  --semantic-color-scene-on: #FFFFFF;
  --semantic-color-categorical-clay-tint: #FFEDE6;
  --semantic-color-categorical-clay-text: #A24112;
  --semantic-color-categorical-clay-solid: #E6590B;
  --semantic-color-categorical-grass-tint: #EAF5E2;
  --semantic-color-categorical-grass-text: #447206;
  --semantic-color-categorical-grass-solid: #62A00C;
  --semantic-color-categorical-hard-tint: #E9F2FF;
  --semantic-color-categorical-hard-text: #2462B1;
  --semantic-color-categorical-hard-solid: #2D8AFC;
  --semantic-color-categorical-night-tint: #F1EFFF;
  --semantic-color-categorical-night-text: #6750AB;
  --semantic-color-categorical-night-solid: #9270F4;
  --semantic-color-court-surface-acrylic: #2D8AFC;
  --semantic-color-court-surface-clay-natural: #E6590B;
  --semantic-color-court-surface-clay-artificial: #D87D53;
  --semantic-color-court-surface-clay-hybrid: #A2562F;
  --semantic-color-court-surface-grass-natural: #62A00C;
  --semantic-color-court-surface-grass-artificial: #0E9F8A;
  --semantic-color-court-surface-asphalt: #46536B;
  --semantic-color-court-surface-concrete: #647592;
  --semantic-color-court-surface-carpet: #C2569B;
  --semantic-color-court-surface-other: #8E8E98;
  --semantic-color-feedback-success: #007948;
  --semantic-color-feedback-warning: #936000;
  --semantic-color-feedback-error: #C22630;
  --semantic-color-data-viz-series-1: #3E71E9;
  --semantic-color-data-viz-series-2: #A78200;
  --semantic-color-data-viz-series-3: #E34EA5;
  --semantic-color-data-viz-series-4: #009B60;
  --semantic-color-data-viz-series-5: #8F6CE0;
  --semantic-color-data-viz-series-6: #C96222;
  --semantic-color-data-viz-series-fill-1: #77A2FC;
  --semantic-color-data-viz-series-fill-2: #FCD265;
  --semantic-color-data-viz-series-fill-3: #FF97CD;
  --semantic-color-data-viz-series-fill-4: #71F6B0;
  --semantic-color-data-viz-series-fill-5: #C8B7FF;
  --semantic-color-data-viz-series-fill-6: #FFAE85;
  --semantic-color-data-viz-sequential-1: #DDE8FF;
  --semantic-color-data-viz-sequential-2: #A8C1F2;
  --semantic-color-data-viz-sequential-3: #7297E2;
  --semantic-color-data-viz-sequential-4: #406BCE;
  --semantic-color-data-viz-sequential-5: #1D44A3;
  --semantic-color-data-viz-diverging-1: #C96222;
  --semantic-color-data-viz-diverging-2: #D09E85;
  --semantic-color-data-viz-diverging-3: #E1E1E6;
  --semantic-color-data-viz-diverging-4: #95ABD8;
  --semantic-color-data-viz-diverging-5: #547FDC;
  --semantic-color-data-viz-muted: #D8D8DE;
  --semantic-color-dashboard-rose-solid: #D10F50;
  --semantic-color-dashboard-rose-tint: #FCEEF3;
  --semantic-color-dashboard-rose-soft: #F8DBE5;
  --semantic-color-dashboard-rose-strong: #F3C1D2;
  --semantic-color-dashboard-rose-text: #7B1035;
  --semantic-color-dashboard-orange-solid: #E26B1B;
  --semantic-color-dashboard-orange-tint: #FDF5EF;
  --semantic-color-dashboard-orange-soft: #FBE9DD;
  --semantic-color-dashboard-orange-strong: #F7D9C4;
  --semantic-color-dashboard-orange-text: #844218;
  --semantic-color-dashboard-amber-solid: #E8A31C;
  --semantic-color-dashboard-amber-tint: #FDF9EF;
  --semantic-color-dashboard-amber-soft: #FCF1DD;
  --semantic-color-dashboard-amber-strong: #F9E7C4;
  --semantic-color-dashboard-amber-text: #876118;
  --semantic-color-dashboard-green-solid: #22C35E;
  --semantic-color-dashboard-green-tint: #F0FBF4;
  --semantic-color-dashboard-green-soft: #DEF6E7;
  --semantic-color-dashboard-green-strong: #C6EFD5;
  --semantic-color-dashboard-green-text: #1A733D;
  --semantic-color-dashboard-teal-solid: #1A9389;
  --semantic-color-dashboard-teal-tint: #EFF7F7;
  --semantic-color-dashboard-teal-soft: #DDEFED;
  --semantic-color-dashboard-teal-strong: #C3E3E0;
  --semantic-color-dashboard-teal-text: #165854;
  --semantic-color-dashboard-sky-solid: #2DBAD8;
  --semantic-color-dashboard-sky-tint: #F0FAFC;
  --semantic-color-dashboard-sky-soft: #E0F5F9;
  --semantic-color-dashboard-sky-strong: #C8EDF5;
  --semantic-color-dashboard-sky-text: #206E80;
  --semantic-color-dashboard-blue-solid: #0A7CD8;
  --semantic-color-dashboard-blue-tint: #EEF6FC;
  --semantic-color-dashboard-blue-soft: #DAEBF9;
  --semantic-color-dashboard-blue-strong: #BFDDF5;
  --semantic-color-dashboard-blue-text: #0D4C80;
  --semantic-color-dashboard-indigo-solid: #8481F6;
  --semantic-color-dashboard-indigo-tint: #F6F6FE;
  --semantic-color-dashboard-indigo-soft: #EDECFE;
  --semantic-color-dashboard-indigo-strong: #DFDEFD;
  --semantic-color-dashboard-indigo-text: #504F90;
  --semantic-color-dashboard-purple-solid: #9B4BEA;
  --semantic-color-dashboard-purple-tint: #F8F2FE;
  --semantic-color-dashboard-purple-soft: #F0E4FC;
  --semantic-color-dashboard-purple-strong: #E5D0FA;
  --semantic-color-dashboard-purple-text: #5D318A;
  --semantic-color-dashboard-pink-solid: #E482BD;
  --semantic-color-dashboard-pink-tint: #FDF6FA;
  --semantic-color-dashboard-pink-soft: #FBECF5;
  --semantic-color-dashboard-pink-strong: #F8DEEE;
  --semantic-color-dashboard-pink-text: #854F71;
  --semantic-color-task-blue: #2B6EF2;
  --semantic-color-task-orange: #FF6B2C;
  --semantic-color-task-rose: #EC3D8C;
  --semantic-color-task-done: #12B76A;
  --semantic-color-task-on-done: #FFFFFF;
  --semantic-color-task-open: #F59E0B;
  --semantic-color-task-reward: #D9A400;
  --semantic-color-icon-analysis: #9270F4;
  --semantic-color-icon-play: #FF6B2C;
  --semantic-color-icon-network: #12B76A;
  --semantic-color-icon-system: #2B6EF2;
  --semantic-color-icon-security: #F59E0B;
  --semantic-color-color-icon-blue-fill: #2D8AFC;
  --semantic-color-color-icon-blue-shade: #0268D1;
  --semantic-color-color-icon-orange-fill: #FF6B2C;
  --semantic-color-color-icon-orange-shade: #D04F11;
  --semantic-color-color-icon-green-fill: #12B76A;
  --semantic-color-color-icon-green-shade: #009152;
  --semantic-color-color-icon-lime-fill: #62A00C;
  --semantic-color-color-icon-lime-shade: #4B7B0C;
  --semantic-color-color-icon-purple-fill: #9270F4;
  --semantic-color-color-icon-purple-shade: #734DCE;
  --semantic-color-color-icon-rose-fill: #EC3D8C;
  --semantic-color-color-icon-rose-shade: #C1146C;
  --semantic-color-color-icon-yellow-fill: #FAD53B;
  --semantic-color-color-icon-yellow-shade: #DAAF06;
  --semantic-color-color-icon-gold-fill: #F5B70B;
  --semantic-color-color-icon-gold-shade: #CE9413;
  --semantic-color-color-icon-clay-fill: #E6590B;
  --semantic-color-color-icon-clay-shade: #B2440C;
  --semantic-color-color-icon-sky-fill: #2DBAD8;
  --semantic-color-color-icon-sky-shade: #0B96B0;
  --semantic-color-color-icon-gray-fill: #B4B4BC;
  --semantic-color-color-icon-gray-shade: #92929A;
  --semantic-color-color-icon-slate-fill: #4A4A55;
  --semantic-color-color-icon-slate-shade: #33333C;
  --semantic-color-color-icon-white-fill: #F4F5F8;
  --semantic-color-color-icon-white-shade: #D6D8E0;
  --semantic-color-color-icon-paper-fill: #DCE7FB;
  --semantic-color-color-icon-paper-shade: #B9C9EA;
  --semantic-color-color-icon-peach-fill: #FFC6A0;
  --semantic-color-color-icon-peach-shade: #EFA37A;
  --semantic-color-color-icon-gloss: #FFFFFFB8;
  --semantic-color-scrim: #11111452;
  --semantic-color-backdrop-login-0: #FAFAFD;
  --semantic-color-backdrop-login-10: #F7F7FA;
  --semantic-color-backdrop-login-20: #F4F4F7;
  --semantic-color-backdrop-login-30: #F0F0F3;
  --semantic-color-backdrop-login-40: #E7E7EA;
  --semantic-color-backdrop-login-50: #DBDBDE;
  --semantic-color-backdrop-login-60: #D0D0D3;
  --semantic-color-backdrop-login-70: #C5C6C9;
  --semantic-color-backdrop-login-80: #BDBDC0;
  --semantic-color-backdrop-login-90: #B8B8BB;
  --semantic-color-backdrop-login-100: #B4B4B7;
  --semantic-space-within-group: 0.5rem;
  --semantic-space-between-groups: 1.5rem;
  --semantic-space-section: 3rem;
  --semantic-radius-control: 12px;
  --semantic-radius-card: 20px;
  --semantic-radius-hero: 28px;
  --semantic-radius-pill: 999px;
  --semantic-radius-inner-min: 4px;
  --semantic-typography-caption-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-caption-font-size: 0.75rem;
  --semantic-typography-caption-font-weight: 400;
  --semantic-typography-caption-line-height: 1.5;
  --semantic-typography-caption-letter-spacing: 0px;
  --semantic-typography-label-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-label-font-size: 0.8125rem;
  --semantic-typography-label-font-weight: 600;
  --semantic-typography-label-line-height: 1.4;
  --semantic-typography-label-letter-spacing: 0px;
  --semantic-typography-body-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-body-font-size: 1rem;
  --semantic-typography-body-font-weight: 400;
  --semantic-typography-body-line-height: 1.7;
  --semantic-typography-body-letter-spacing: 0px;
  --semantic-typography-body-strong-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-body-strong-font-size: 1rem;
  --semantic-typography-body-strong-font-weight: 600;
  --semantic-typography-body-strong-line-height: 1.7;
  --semantic-typography-body-strong-letter-spacing: 0px;
  --semantic-typography-heading3-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-heading3-font-size: 1.25rem;
  --semantic-typography-heading3-font-weight: 600;
  --semantic-typography-heading3-line-height: 1.4;
  --semantic-typography-heading3-letter-spacing: -0.2px;
  --semantic-typography-heading2-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-heading2-font-size: 1.5rem;
  --semantic-typography-heading2-font-weight: 600;
  --semantic-typography-heading2-line-height: 1.3;
  --semantic-typography-heading2-letter-spacing: -0.48px;
  --semantic-typography-heading1-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-heading1-font-size: 2rem;
  --semantic-typography-heading1-font-weight: 600;
  --semantic-typography-heading1-line-height: 1.25;
  --semantic-typography-heading1-letter-spacing: -0.64px;
  --semantic-typography-numeral-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-numeral-font-size: 3.25rem;
  --semantic-typography-numeral-font-weight: 600;
  --semantic-typography-numeral-line-height: 1.05;
  --semantic-typography-numeral-letter-spacing: -1.04px;
  --semantic-typography-monogram-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-monogram-font-size: 0.625rem;
  --semantic-typography-monogram-font-weight: 400;
  --semantic-typography-monogram-line-height: 1.5;
  --semantic-typography-monogram-letter-spacing: 0px;
  --semantic-typography-display-hero-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-hero-font-size: 144px;
  --semantic-typography-display-hero-font-weight: 800;
  --semantic-typography-display-hero-line-height: 1.05;
  --semantic-typography-display-hero-letter-spacing: -2.88px;
  --semantic-typography-display-headline-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-headline-font-size: 80px;
  --semantic-typography-display-headline-font-weight: 800;
  --semantic-typography-display-headline-line-height: 1.05;
  --semantic-typography-display-headline-letter-spacing: -1.6px;
  --semantic-typography-display-title-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-title-font-size: 64px;
  --semantic-typography-display-title-font-weight: 800;
  --semantic-typography-display-title-line-height: 1.05;
  --semantic-typography-display-title-letter-spacing: -1.28px;
  --semantic-typography-display-subhead-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-subhead-font-size: 48px;
  --semantic-typography-display-subhead-font-weight: 500;
  --semantic-typography-display-subhead-line-height: 1.2;
  --semantic-typography-display-subhead-letter-spacing: 0px;
  --semantic-typography-display-eyebrow-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-eyebrow-font-size: 32px;
  --semantic-typography-display-eyebrow-font-weight: 600;
  --semantic-typography-display-eyebrow-line-height: 1.3;
  --semantic-typography-display-eyebrow-letter-spacing: 2.56px;
  --semantic-typography-display-caption-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-caption-font-size: 24px;
  --semantic-typography-display-caption-font-weight: 500;
  --semantic-typography-display-caption-line-height: 1.3;
  --semantic-typography-display-caption-letter-spacing: 0.96px;
  --semantic-icon-size-sm: 1rem;
  --semantic-icon-size-md: 1.25rem;
  --semantic-icon-size-lg: 1.5rem;
  --semantic-icon-stroke: 2.5;
  --semantic-material-bar-tint: #FFFFFFCC;
  --semantic-material-bar-blur: 20px;
  --semantic-material-bar-saturate: 1.8;
  --semantic-material-popover-tint: #FFFFFFE0;
  --semantic-material-popover-blur: 30px;
  --semantic-material-popover-saturate: 1.8;
  --semantic-material-popover-edge: #1111141F;
  --semantic-material-grain-scene: 0.12;
  --semantic-material-grain-bar: 0.045;
  --semantic-material-grain-backdrop: 0.072;
  --semantic-elevation-raised: 0 1px 3px #17221D14;
  --semantic-elevation-overlay: 0 12px 32px #17221D29;
  --semantic-elevation-scene-clay: 0 24px 40px -20px #B7684973;
  --semantic-elevation-scene-grass: 0 24px 40px -20px #618E5873;
  --semantic-elevation-scene-hard: 0 24px 40px -20px #5282C173;
  --semantic-elevation-scene-night: 0 24px 40px -20px #8273BC73;
  --semantic-state-hover-opacity: 0.08;
  --semantic-state-focus-opacity: 0.1;
  --semantic-state-focus-ring: #111114;
  --semantic-state-focus-ring-width: 2px;
  --semantic-state-focus-ring-offset: 2px;
  --semantic-state-pressed-opacity: 0.16;
  --semantic-state-dragged-opacity: 0.16;
  --semantic-state-disabled-opacity: 0.38;
  --semantic-motion-duration-fast: 160ms;
  --semantic-motion-duration-base: 240ms;
  --semantic-motion-duration-slow: 480ms;
  --semantic-motion-easing-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --semantic-motion-easing-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --semantic-motion-easing-move: cubic-bezier(0.45, 0, 0.55, 1);
  --semantic-motion-easing-fall: cubic-bezier(0.55, 0, 1, 0.45);
  --semantic-motion-reduced-motion: 0;
  --semantic-layout-breakpoint-compact: 390px;
  --semantic-layout-breakpoint-medium: 768px;
  --semantic-layout-breakpoint-wide: 1440px;
  --semantic-layout-hairline: 1px;
  --semantic-layout-z-index-base: 0;
  --semantic-layout-z-index-sticky: 100;
  --semantic-layout-z-index-dropdown: 200;
  --semantic-layout-z-index-overlay: 1000;
  --semantic-layout-z-index-modal: 1100;
  --semantic-layout-z-index-toast: 1200;
  --semantic-layout-app-control-height: 52px;
  --semantic-layout-console-sidebar-width: 195px;
  --semantic-layout-console-rail-width-min: 300px;
  --semantic-layout-console-rail-width-max: 360px;
  --semantic-layout-console-rail-width-fluid: 24;
  --semantic-layout-console-topbar-height: 56px;
  --semantic-layout-console-control-height-md: 36px;
  --semantic-layout-console-control-height-sm: 32px;
  --semantic-layout-console-nav-item-height: 40px;
  --semantic-layout-console-avatar-sm: 32px;
  --semantic-layout-console-avatar-md: 40px;
  --semantic-layout-console-breakpoint-drawer: 1024px;
  --semantic-layout-console-breakpoint-rail-open: 1600px;
  --semantic-layout-console-scrim-blur: 4px;
}

/* lang "zh" — other languages re-assert base typography */
[lang]:not(:lang(zh)) {
  --semantic-typography-caption-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-caption-letter-spacing: 0px;
  --semantic-typography-label-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-label-letter-spacing: 0px;
  --semantic-typography-body-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-body-letter-spacing: 0px;
  --semantic-typography-body-strong-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-body-strong-letter-spacing: 0px;
  --semantic-typography-heading3-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-heading3-letter-spacing: -0.2px;
  --semantic-typography-heading2-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-heading2-letter-spacing: -0.48px;
  --semantic-typography-heading1-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-heading1-line-height: 1.25;
  --semantic-typography-heading1-letter-spacing: -0.64px;
  --semantic-typography-numeral-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-numeral-letter-spacing: -1.04px;
  --semantic-typography-monogram-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-monogram-letter-spacing: 0px;
  --semantic-typography-display-hero-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-hero-line-height: 1.05;
  --semantic-typography-display-hero-letter-spacing: -2.88px;
  --semantic-typography-display-headline-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-headline-line-height: 1.05;
  --semantic-typography-display-headline-letter-spacing: -1.6px;
  --semantic-typography-display-title-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-title-line-height: 1.05;
  --semantic-typography-display-title-letter-spacing: -1.28px;
  --semantic-typography-display-subhead-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-subhead-line-height: 1.2;
  --semantic-typography-display-subhead-letter-spacing: 0px;
  --semantic-typography-display-eyebrow-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-eyebrow-line-height: 1.3;
  --semantic-typography-display-eyebrow-letter-spacing: 2.56px;
  --semantic-typography-display-caption-font-family: Manrope, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-caption-line-height: 1.3;
  --semantic-typography-display-caption-letter-spacing: 0.96px;
}

/* lang "zh" — typography overrides (langOverrides) */
[lang]:lang(zh) {
  --semantic-typography-caption-font-family: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-caption-letter-spacing: 0px;
  --semantic-typography-label-font-family: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-label-letter-spacing: 0px;
  --semantic-typography-body-font-family: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-body-letter-spacing: 0px;
  --semantic-typography-body-strong-font-family: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-body-strong-letter-spacing: 0px;
  --semantic-typography-heading3-font-family: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-heading3-letter-spacing: 0px;
  --semantic-typography-heading2-font-family: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-heading2-letter-spacing: 0px;
  --semantic-typography-heading1-font-family: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-heading1-line-height: 1.35;
  --semantic-typography-heading1-letter-spacing: 0px;
  --semantic-typography-numeral-font-family: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-numeral-letter-spacing: 0px;
  --semantic-typography-monogram-font-family: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-monogram-letter-spacing: 0px;
  --semantic-typography-display-hero-font-family: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-hero-line-height: 1.25;
  --semantic-typography-display-hero-letter-spacing: 0px;
  --semantic-typography-display-headline-font-family: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-headline-line-height: 1.25;
  --semantic-typography-display-headline-letter-spacing: 0px;
  --semantic-typography-display-title-font-family: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-title-line-height: 1.25;
  --semantic-typography-display-title-letter-spacing: 0px;
  --semantic-typography-display-subhead-font-family: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-subhead-line-height: 1.25;
  --semantic-typography-display-subhead-letter-spacing: 0px;
  --semantic-typography-display-eyebrow-font-family: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-eyebrow-line-height: 1.25;
  --semantic-typography-display-eyebrow-letter-spacing: 0px;
  --semantic-typography-display-caption-font-family: Manrope Latin, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, system-ui, sans-serif;
  --semantic-typography-display-caption-line-height: 1.25;
  --semantic-typography-display-caption-letter-spacing: 0px;
}

/* mode "dark" (auto / prefers-color-scheme) */
@media (prefers-color-scheme: dark) {
  :root {
  --semantic-color-text-primary: #F3F3F6;
  --semantic-color-text-secondary: #BDBDC4;
  --semantic-color-text-tertiary: #A2A2AA;
  --semantic-color-text-on-action: #111114;
  --semantic-color-text-on-prominent: #111114;
  --semantic-color-surface-sunken: #0B0B0E;
  --semantic-color-surface-background: #17171B;
  --semantic-color-surface-raised: #222228;
  --semantic-color-surface-overlay: #2D2D33;
  --semantic-color-surface-selected: #36363D;
  --semantic-color-surface-brand: #111114;
  --semantic-color-mark-ball: #FFFFFF;
  --semantic-color-mark-ring: #77777E;
  --semantic-color-mark-streak: #77777E;
  --semantic-color-border-subtle: #333339;
  --semantic-color-border-strong: #818189;
  --semantic-color-action-primary: #F3F3F6;
  --semantic-color-action-prominent: #F3F3F6;
  --semantic-color-categorical-clay-tint: #432519;
  --semantic-color-categorical-clay-text: #FEB79C;
  --semantic-color-categorical-grass-tint: #243318;
  --semantic-color-categorical-grass-text: #B2D994;
  --semantic-color-categorical-hard-tint: #1D2F47;
  --semantic-color-categorical-hard-text: #A9CDFE;
  --semantic-color-categorical-night-tint: #2E2945;
  --semantic-color-categorical-night-text: #CBC1FE;
  --semantic-color-court-surface-clay-artificial: #F2956A;
  --semantic-color-court-surface-clay-hybrid: #B96637;
  --semantic-color-court-surface-asphalt: #6B7A94;
  --semantic-color-court-surface-concrete: #8494AD;
  --semantic-color-court-surface-other: #B0B0B9;
  --semantic-color-feedback-success: #65E0A5;
  --semantic-color-feedback-warning: #FFC573;
  --semantic-color-feedback-error: #FF9498;
  --semantic-color-data-viz-series-1: #588CFF;
  --semantic-color-data-viz-series-2: #FFD568;
  --semantic-color-data-viz-series-3: #FD66BC;
  --semantic-color-data-viz-series-4: #7BFFB9;
  --semantic-color-data-viz-series-5: #B59AFF;
  --semantic-color-data-viz-series-6: #FF8A47;
  --semantic-color-data-viz-series-fill-1: #588CFF;
  --semantic-color-data-viz-series-fill-2: #FFD568;
  --semantic-color-data-viz-series-fill-3: #FD66BC;
  --semantic-color-data-viz-series-fill-4: #7BFFB9;
  --semantic-color-data-viz-series-fill-5: #B59AFF;
  --semantic-color-data-viz-series-fill-6: #FF8A47;
  --semantic-color-data-viz-sequential-1: #233251;
  --semantic-color-data-viz-sequential-2: #38538D;
  --semantic-color-data-viz-sequential-3: #5277C7;
  --semantic-color-data-viz-sequential-4: #779FF3;
  --semantic-color-data-viz-sequential-5: #B0CBFF;
  --semantic-color-data-viz-diverging-1: #D36B2D;
  --semantic-color-data-viz-diverging-2: #885539;
  --semantic-color-data-viz-diverging-3: #333339;
  --semantic-color-data-viz-diverging-4: #4C6291;
  --semantic-color-data-viz-diverging-5: #5C88E7;
  --semantic-color-data-viz-muted: #47474E;
  --semantic-color-dashboard-rose-tint: #3B1F2E;
  --semantic-color-dashboard-rose-soft: #481E31;
  --semantic-color-dashboard-rose-strong: #5E1C36;
  --semantic-color-dashboard-rose-text: #E0769B;
  --semantic-color-dashboard-orange-tint: #3D2C26;
  --semantic-color-dashboard-orange-soft: #4C3225;
  --semantic-color-dashboard-orange-strong: #633B24;
  --semantic-color-dashboard-orange-text: #EAA87E;
  --semantic-color-dashboard-amber-tint: #3E3426;
  --semantic-color-dashboard-amber-soft: #4E3E25;
  --semantic-color-dashboard-amber-strong: #654E24;
  --semantic-color-dashboard-amber-text: #EDC77E;
  --semantic-color-dashboard-green-tint: #223930;
  --semantic-color-dashboard-green-soft: #224534;
  --semantic-color-dashboard-green-strong: #22593A;
  --semantic-color-dashboard-green-text: #80D9A2;
  --semantic-color-dashboard-teal-tint: #213236;
  --semantic-color-dashboard-teal-soft: #203B3D;
  --semantic-color-dashboard-teal-strong: #1F4849;
  --semantic-color-dashboard-teal-text: #7CBEBA;
  --semantic-color-dashboard-sky-tint: #243741;
  --semantic-color-dashboard-sky-soft: #24434F;
  --semantic-color-dashboard-sky-strong: #265664;
  --semantic-color-dashboard-sky-text: #86D4E6;
  --semantic-color-dashboard-blue-tint: #1F2F41;
  --semantic-color-dashboard-blue-soft: #1D364F;
  --semantic-color-dashboard-blue-strong: #1A4164;
  --semantic-color-dashboard-blue-text: #73B2E6;
  --semantic-color-dashboard-indigo-tint: #302F45;
  --semantic-color-dashboard-indigo-soft: #383755;
  --semantic-color-dashboard-indigo-strong: #43426E;
  --semantic-color-dashboard-indigo-text: #B6B4F6;
  --semantic-color-dashboard-purple-tint: #332843;
  --semantic-color-dashboard-purple-soft: #3D2B53;
  --semantic-color-dashboard-purple-strong: #4B306A;
  --semantic-color-dashboard-purple-text: #C397EF;
  --semantic-color-dashboard-pink-tint: #3D2F3D;
  --semantic-color-dashboard-pink-soft: #4D3749;
  --semantic-color-dashboard-pink-strong: #64435B;
  --semantic-color-dashboard-pink-text: #EBB5D7;
  --semantic-color-task-blue: #5B8CFF;
  --semantic-color-task-orange: #FF8A4C;
  --semantic-color-task-rose: #FF5FA8;
  --semantic-color-task-done: #3DD68C;
  --semantic-color-task-on-done: #111114;
  --semantic-color-task-reward: #FAD53B;
  --semantic-color-icon-analysis: #B59AFF;
  --semantic-color-icon-play: #FF8A4C;
  --semantic-color-icon-network: #3DD68C;
  --semantic-color-icon-system: #5B8CFF;
  --semantic-color-icon-security: #FFD568;
  --semantic-color-scrim: #0000008F;
  --semantic-color-backdrop-login-0: #0C0C0F;
  --semantic-color-backdrop-login-10: #151518;
  --semantic-color-backdrop-login-20: #1E1E22;
  --semantic-color-backdrop-login-30: #2B2B2F;
  --semantic-color-backdrop-login-40: #404044;
  --semantic-color-backdrop-login-50: #5B5B60;
  --semantic-color-backdrop-login-60: #75757A;
  --semantic-color-backdrop-login-70: #8F8F94;
  --semantic-color-backdrop-login-80: #A4A4A9;
  --semantic-color-backdrop-login-90: #B1B1B7;
  --semantic-color-backdrop-login-100: #BDBDC2;
  --semantic-material-bar-tint: #17171BCC;
  --semantic-material-popover-tint: #26262BE0;
  --semantic-material-popover-edge: #FFFFFF1F;
  --semantic-state-focus-ring: #F3F3F6;
}
}

/* mode "dark" (manual / data-theme) */
[data-theme="dark"] {
  --semantic-color-text-primary: #F3F3F6;
  --semantic-color-text-secondary: #BDBDC4;
  --semantic-color-text-tertiary: #A2A2AA;
  --semantic-color-text-on-action: #111114;
  --semantic-color-text-on-prominent: #111114;
  --semantic-color-surface-sunken: #0B0B0E;
  --semantic-color-surface-background: #17171B;
  --semantic-color-surface-raised: #222228;
  --semantic-color-surface-overlay: #2D2D33;
  --semantic-color-surface-selected: #36363D;
  --semantic-color-surface-brand: #111114;
  --semantic-color-mark-ball: #FFFFFF;
  --semantic-color-mark-ring: #77777E;
  --semantic-color-mark-streak: #77777E;
  --semantic-color-border-subtle: #333339;
  --semantic-color-border-strong: #818189;
  --semantic-color-action-primary: #F3F3F6;
  --semantic-color-action-prominent: #F3F3F6;
  --semantic-color-categorical-clay-tint: #432519;
  --semantic-color-categorical-clay-text: #FEB79C;
  --semantic-color-categorical-grass-tint: #243318;
  --semantic-color-categorical-grass-text: #B2D994;
  --semantic-color-categorical-hard-tint: #1D2F47;
  --semantic-color-categorical-hard-text: #A9CDFE;
  --semantic-color-categorical-night-tint: #2E2945;
  --semantic-color-categorical-night-text: #CBC1FE;
  --semantic-color-court-surface-clay-artificial: #F2956A;
  --semantic-color-court-surface-clay-hybrid: #B96637;
  --semantic-color-court-surface-asphalt: #6B7A94;
  --semantic-color-court-surface-concrete: #8494AD;
  --semantic-color-court-surface-other: #B0B0B9;
  --semantic-color-feedback-success: #65E0A5;
  --semantic-color-feedback-warning: #FFC573;
  --semantic-color-feedback-error: #FF9498;
  --semantic-color-data-viz-series-1: #588CFF;
  --semantic-color-data-viz-series-2: #FFD568;
  --semantic-color-data-viz-series-3: #FD66BC;
  --semantic-color-data-viz-series-4: #7BFFB9;
  --semantic-color-data-viz-series-5: #B59AFF;
  --semantic-color-data-viz-series-6: #FF8A47;
  --semantic-color-data-viz-series-fill-1: #588CFF;
  --semantic-color-data-viz-series-fill-2: #FFD568;
  --semantic-color-data-viz-series-fill-3: #FD66BC;
  --semantic-color-data-viz-series-fill-4: #7BFFB9;
  --semantic-color-data-viz-series-fill-5: #B59AFF;
  --semantic-color-data-viz-series-fill-6: #FF8A47;
  --semantic-color-data-viz-sequential-1: #233251;
  --semantic-color-data-viz-sequential-2: #38538D;
  --semantic-color-data-viz-sequential-3: #5277C7;
  --semantic-color-data-viz-sequential-4: #779FF3;
  --semantic-color-data-viz-sequential-5: #B0CBFF;
  --semantic-color-data-viz-diverging-1: #D36B2D;
  --semantic-color-data-viz-diverging-2: #885539;
  --semantic-color-data-viz-diverging-3: #333339;
  --semantic-color-data-viz-diverging-4: #4C6291;
  --semantic-color-data-viz-diverging-5: #5C88E7;
  --semantic-color-data-viz-muted: #47474E;
  --semantic-color-dashboard-rose-tint: #3B1F2E;
  --semantic-color-dashboard-rose-soft: #481E31;
  --semantic-color-dashboard-rose-strong: #5E1C36;
  --semantic-color-dashboard-rose-text: #E0769B;
  --semantic-color-dashboard-orange-tint: #3D2C26;
  --semantic-color-dashboard-orange-soft: #4C3225;
  --semantic-color-dashboard-orange-strong: #633B24;
  --semantic-color-dashboard-orange-text: #EAA87E;
  --semantic-color-dashboard-amber-tint: #3E3426;
  --semantic-color-dashboard-amber-soft: #4E3E25;
  --semantic-color-dashboard-amber-strong: #654E24;
  --semantic-color-dashboard-amber-text: #EDC77E;
  --semantic-color-dashboard-green-tint: #223930;
  --semantic-color-dashboard-green-soft: #224534;
  --semantic-color-dashboard-green-strong: #22593A;
  --semantic-color-dashboard-green-text: #80D9A2;
  --semantic-color-dashboard-teal-tint: #213236;
  --semantic-color-dashboard-teal-soft: #203B3D;
  --semantic-color-dashboard-teal-strong: #1F4849;
  --semantic-color-dashboard-teal-text: #7CBEBA;
  --semantic-color-dashboard-sky-tint: #243741;
  --semantic-color-dashboard-sky-soft: #24434F;
  --semantic-color-dashboard-sky-strong: #265664;
  --semantic-color-dashboard-sky-text: #86D4E6;
  --semantic-color-dashboard-blue-tint: #1F2F41;
  --semantic-color-dashboard-blue-soft: #1D364F;
  --semantic-color-dashboard-blue-strong: #1A4164;
  --semantic-color-dashboard-blue-text: #73B2E6;
  --semantic-color-dashboard-indigo-tint: #302F45;
  --semantic-color-dashboard-indigo-soft: #383755;
  --semantic-color-dashboard-indigo-strong: #43426E;
  --semantic-color-dashboard-indigo-text: #B6B4F6;
  --semantic-color-dashboard-purple-tint: #332843;
  --semantic-color-dashboard-purple-soft: #3D2B53;
  --semantic-color-dashboard-purple-strong: #4B306A;
  --semantic-color-dashboard-purple-text: #C397EF;
  --semantic-color-dashboard-pink-tint: #3D2F3D;
  --semantic-color-dashboard-pink-soft: #4D3749;
  --semantic-color-dashboard-pink-strong: #64435B;
  --semantic-color-dashboard-pink-text: #EBB5D7;
  --semantic-color-task-blue: #5B8CFF;
  --semantic-color-task-orange: #FF8A4C;
  --semantic-color-task-rose: #FF5FA8;
  --semantic-color-task-done: #3DD68C;
  --semantic-color-task-on-done: #111114;
  --semantic-color-task-reward: #FAD53B;
  --semantic-color-icon-analysis: #B59AFF;
  --semantic-color-icon-play: #FF8A4C;
  --semantic-color-icon-network: #3DD68C;
  --semantic-color-icon-system: #5B8CFF;
  --semantic-color-icon-security: #FFD568;
  --semantic-color-scrim: #0000008F;
  --semantic-color-backdrop-login-0: #0C0C0F;
  --semantic-color-backdrop-login-10: #151518;
  --semantic-color-backdrop-login-20: #1E1E22;
  --semantic-color-backdrop-login-30: #2B2B2F;
  --semantic-color-backdrop-login-40: #404044;
  --semantic-color-backdrop-login-50: #5B5B60;
  --semantic-color-backdrop-login-60: #75757A;
  --semantic-color-backdrop-login-70: #8F8F94;
  --semantic-color-backdrop-login-80: #A4A4A9;
  --semantic-color-backdrop-login-90: #B1B1B7;
  --semantic-color-backdrop-login-100: #BDBDC2;
  --semantic-material-bar-tint: #17171BCC;
  --semantic-material-popover-tint: #26262BE0;
  --semantic-material-popover-edge: #FFFFFF1F;
  --semantic-state-focus-ring: #F3F3F6;
}

/* mode "light" (manual / data-theme) — re-asserts base values so the manual default-mode opt-in beats any @media auto block */
[data-theme="light"] {
  --semantic-color-text-primary: #111114;
  --semantic-color-text-secondary: #54545C;
  --semantic-color-text-tertiary: #64646B;
  --semantic-color-text-on-action: #FFFFFF;
  --semantic-color-text-on-prominent: #FFFFFF;
  --semantic-color-surface-sunken: #EFEFF2;
  --semantic-color-surface-background: #F7F7FA;
  --semantic-color-surface-raised: #FFFFFF;
  --semantic-color-surface-overlay: #FFFFFF;
  --semantic-color-surface-selected: #E7E7EC;
  --semantic-color-surface-brand: #FFFFFF;
  --semantic-color-mark-ball: #111114;
  --semantic-color-mark-ring: #55555C;
  --semantic-color-mark-streak: #9A9AA2;
  --semantic-color-border-subtle: #E1E1E6;
  --semantic-color-border-strong: #87878F;
  --semantic-color-action-primary: #111114;
  --semantic-color-action-prominent: #111114;
  --semantic-color-categorical-clay-tint: #FFEDE6;
  --semantic-color-categorical-clay-text: #A24112;
  --semantic-color-categorical-grass-tint: #EAF5E2;
  --semantic-color-categorical-grass-text: #447206;
  --semantic-color-categorical-hard-tint: #E9F2FF;
  --semantic-color-categorical-hard-text: #2462B1;
  --semantic-color-categorical-night-tint: #F1EFFF;
  --semantic-color-categorical-night-text: #6750AB;
  --semantic-color-court-surface-clay-artificial: #D87D53;
  --semantic-color-court-surface-clay-hybrid: #A2562F;
  --semantic-color-court-surface-asphalt: #46536B;
  --semantic-color-court-surface-concrete: #647592;
  --semantic-color-court-surface-other: #8E8E98;
  --semantic-color-feedback-success: #007948;
  --semantic-color-feedback-warning: #936000;
  --semantic-color-feedback-error: #C22630;
  --semantic-color-data-viz-series-1: #3E71E9;
  --semantic-color-data-viz-series-2: #A78200;
  --semantic-color-data-viz-series-3: #E34EA5;
  --semantic-color-data-viz-series-4: #009B60;
  --semantic-color-data-viz-series-5: #8F6CE0;
  --semantic-color-data-viz-series-6: #C96222;
  --semantic-color-data-viz-series-fill-1: #77A2FC;
  --semantic-color-data-viz-series-fill-2: #FCD265;
  --semantic-color-data-viz-series-fill-3: #FF97CD;
  --semantic-color-data-viz-series-fill-4: #71F6B0;
  --semantic-color-data-viz-series-fill-5: #C8B7FF;
  --semantic-color-data-viz-series-fill-6: #FFAE85;
  --semantic-color-data-viz-sequential-1: #DDE8FF;
  --semantic-color-data-viz-sequential-2: #A8C1F2;
  --semantic-color-data-viz-sequential-3: #7297E2;
  --semantic-color-data-viz-sequential-4: #406BCE;
  --semantic-color-data-viz-sequential-5: #1D44A3;
  --semantic-color-data-viz-diverging-1: #C96222;
  --semantic-color-data-viz-diverging-2: #D09E85;
  --semantic-color-data-viz-diverging-3: #E1E1E6;
  --semantic-color-data-viz-diverging-4: #95ABD8;
  --semantic-color-data-viz-diverging-5: #547FDC;
  --semantic-color-data-viz-muted: #D8D8DE;
  --semantic-color-dashboard-rose-tint: #FCEEF3;
  --semantic-color-dashboard-rose-soft: #F8DBE5;
  --semantic-color-dashboard-rose-strong: #F3C1D2;
  --semantic-color-dashboard-rose-text: #7B1035;
  --semantic-color-dashboard-orange-tint: #FDF5EF;
  --semantic-color-dashboard-orange-soft: #FBE9DD;
  --semantic-color-dashboard-orange-strong: #F7D9C4;
  --semantic-color-dashboard-orange-text: #844218;
  --semantic-color-dashboard-amber-tint: #FDF9EF;
  --semantic-color-dashboard-amber-soft: #FCF1DD;
  --semantic-color-dashboard-amber-strong: #F9E7C4;
  --semantic-color-dashboard-amber-text: #876118;
  --semantic-color-dashboard-green-tint: #F0FBF4;
  --semantic-color-dashboard-green-soft: #DEF6E7;
  --semantic-color-dashboard-green-strong: #C6EFD5;
  --semantic-color-dashboard-green-text: #1A733D;
  --semantic-color-dashboard-teal-tint: #EFF7F7;
  --semantic-color-dashboard-teal-soft: #DDEFED;
  --semantic-color-dashboard-teal-strong: #C3E3E0;
  --semantic-color-dashboard-teal-text: #165854;
  --semantic-color-dashboard-sky-tint: #F0FAFC;
  --semantic-color-dashboard-sky-soft: #E0F5F9;
  --semantic-color-dashboard-sky-strong: #C8EDF5;
  --semantic-color-dashboard-sky-text: #206E80;
  --semantic-color-dashboard-blue-tint: #EEF6FC;
  --semantic-color-dashboard-blue-soft: #DAEBF9;
  --semantic-color-dashboard-blue-strong: #BFDDF5;
  --semantic-color-dashboard-blue-text: #0D4C80;
  --semantic-color-dashboard-indigo-tint: #F6F6FE;
  --semantic-color-dashboard-indigo-soft: #EDECFE;
  --semantic-color-dashboard-indigo-strong: #DFDEFD;
  --semantic-color-dashboard-indigo-text: #504F90;
  --semantic-color-dashboard-purple-tint: #F8F2FE;
  --semantic-color-dashboard-purple-soft: #F0E4FC;
  --semantic-color-dashboard-purple-strong: #E5D0FA;
  --semantic-color-dashboard-purple-text: #5D318A;
  --semantic-color-dashboard-pink-tint: #FDF6FA;
  --semantic-color-dashboard-pink-soft: #FBECF5;
  --semantic-color-dashboard-pink-strong: #F8DEEE;
  --semantic-color-dashboard-pink-text: #854F71;
  --semantic-color-task-blue: #2B6EF2;
  --semantic-color-task-orange: #FF6B2C;
  --semantic-color-task-rose: #EC3D8C;
  --semantic-color-task-done: #12B76A;
  --semantic-color-task-on-done: #FFFFFF;
  --semantic-color-task-reward: #D9A400;
  --semantic-color-icon-analysis: #9270F4;
  --semantic-color-icon-play: #FF6B2C;
  --semantic-color-icon-network: #12B76A;
  --semantic-color-icon-system: #2B6EF2;
  --semantic-color-icon-security: #F59E0B;
  --semantic-color-scrim: #11111452;
  --semantic-color-backdrop-login-0: #FAFAFD;
  --semantic-color-backdrop-login-10: #F7F7FA;
  --semantic-color-backdrop-login-20: #F4F4F7;
  --semantic-color-backdrop-login-30: #F0F0F3;
  --semantic-color-backdrop-login-40: #E7E7EA;
  --semantic-color-backdrop-login-50: #DBDBDE;
  --semantic-color-backdrop-login-60: #D0D0D3;
  --semantic-color-backdrop-login-70: #C5C6C9;
  --semantic-color-backdrop-login-80: #BDBDC0;
  --semantic-color-backdrop-login-90: #B8B8BB;
  --semantic-color-backdrop-login-100: #B4B4B7;
  --semantic-material-bar-tint: #FFFFFFCC;
  --semantic-material-popover-tint: #FFFFFFE0;
  --semantic-material-popover-edge: #1111141F;
  --semantic-state-focus-ring: #111114;
}