:root {
  --ranking-table-min-height: 24rem;
  --report-loading-min-height: 65vh;
  --loading-shape-height: 12rem;
  --ranking-context-min-height: 8rem;
  --font-title: "AIONAtreia", "Cinzel", sans-serif;
  --font-body: "Inter", "Segoe UI", "Asap", sans-serif;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --letter-spacing-wide: .12em;
  --letter-spacing-wider: .16em;
  --letter-spacing-widest: .25em;
  --font-size-0: clamp(.58rem, .63vw, .65rem);
  --font-size-1: clamp(.64rem, .68vw, .75rem);
  --font-size-2: clamp(.73rem, .82vw, .86rem);
  --font-size-3: clamp(.86rem, .98vw, 1.02rem);
  --font-size-4: clamp(1.08rem, 1.55vw, 1.28rem);
  --font-size-5: clamp(1.25rem, 1.85vw, 1.85rem);
  --font-size-6: clamp(1.5rem, 2.5vw, 2.2rem);
  --font-size-7: clamp(1.75rem, 3.2vw, 2.75rem);
  --font-size-8: clamp(2rem, 3.8vw, 3.25rem);
  --spacing-1: clamp(.35rem, .45vw, .55rem);
  --spacing-2: clamp(.55rem, .75vw, .875rem);
  --spacing-3: clamp(.75rem, 1vw, 1.25rem);
  --spacing-4: clamp(1rem, 1.5vw, 1.75rem);
  --spacing-5: clamp(1.15rem, 1.85vw, 2rem);
  --spacing-6: clamp(1.35rem, 2.1vw, 2.35rem);
  --spacing-7: clamp(1.5rem, 2.5vw, 2.75rem);
  --spacing-8: clamp(2rem, 3.2vw, 3.5rem);
  --spacing-9: clamp(2.5rem, 4vw, 4.5rem);
  --radius-none: 0;
  --radius-xs: .35rem;
  --radius-sm: .5rem;
  --radius-md: .75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --radius-full: 999px;
  --motion-duration-1: .15s;
  --motion-duration-2: .3s;
  --motion-duration-3: .5s;
  --motion-duration-4: .7s;
  --motion-duration-5: 1s;
  --motion-ease-standard: cubic-bezier(.22, 1, .36, 1);
  --motion-ease-emphasized: cubic-bezier(.4, 0, .2, 1);
  --elevation-1: 0 10px 24px #00000038;
  --elevation-2: 0 16px 42px #00000038;
  --elevation-3: 0 24px 80px #0000006b;
  --elevation-inset: inset 0 1px 0 color-mix(in srgb, var(--text-primary) 2%, transparent);
  --text-primary: var(--color-neutral-100);
  --text-secondary: var(--color-neutral-300);
  --text-muted: var(--color-neutral-400);
  --text-subtle: var(--color-neutral-600);
  --text-soft: color-mix(in srgb, var(--text-primary) 84%, transparent);
  --text-faint: color-mix(in srgb, var(--text-muted) 82%, transparent);
  --text-strong: var(--color-neutral-50);
  --text-inverse: var(--color-neutral-900);
  --text-accent: var(--color-accent-400);
  --text-accent-strong: var(--color-accent-300);
  --line-height-relaxed: 1.75;
  --bg-default: var(--color-slate-900);
  --bg-surface: color-mix(in srgb, var(--color-slate-800) 96%, transparent);
  --bg-surface-strong: color-mix(in srgb, var(--color-slate-800) 98%, transparent);
  --bg-surface-muted: color-mix(in srgb, var(--color-slate-800) 88%, transparent);
  --bg-surface-muted-strong: color-mix(in srgb, var(--color-slate-900) 78%, transparent);
  --bg-surface-elevated: color-mix(in srgb, var(--bg-surface) 92%, var(--text-primary) 4%);
  --bg-surface-pressed: color-mix(in srgb, var(--bg-surface) 88%, var(--text-primary) 7%);
  --bg-surface-hover: color-mix(in srgb, var(--bg-surface) 94%, var(--text-primary) 3%);
  --border-faint: color-mix(in srgb, var(--text-primary) 8%, transparent);
  --border-soft: color-mix(in srgb, var(--text-primary) 12%, transparent);
  --border-strong: color-mix(in srgb, var(--text-primary) 24%, transparent);
  --border-muted: color-mix(in srgb, var(--color-neutral-300) 18%, transparent);
  --border-accent-muted: color-mix(in srgb, var(--color-accent-400) 24%, transparent);
  --border-accent: color-mix(in srgb, var(--color-accent-400) 36%, transparent);
  --border-accent-strong: color-mix(in srgb, var(--color-accent-400) 60%, transparent);
  --action-accent: var(--color-accent-400);
  --action-accent-hover: var(--color-accent-300);
  --action-accent-active: var(--color-accent-500);
  --action-accent-soft: color-mix(in srgb, var(--color-accent-400) 8%, transparent);
  --action-accent-soft-strong: color-mix(in srgb, var(--color-accent-400) 16%, transparent);
  --button-font-family: var(--font-body);
  --button-font-size-sm: var(--font-size-0);
  --button-font-size-md: var(--font-size-1);
  --button-font-size-lg: var(--font-size-2);
  --button-font-weight: var(--font-weight-bold);
  --button-letter-spacing-sm: var(--letter-spacing-wide);
  --button-letter-spacing-md: var(--letter-spacing-wider);
  --button-letter-spacing-lg: var(--letter-spacing-wider);
  --button-gap-sm: var(--spacing-1);
  --button-gap-md: var(--spacing-2);
  --button-gap-lg: var(--spacing-2);
  --button-min-height-sm: clamp(1.6rem, 3.2vw, 2rem);
  --button-min-height-md: clamp(1.9rem, 3.6vw, 2.25rem);
  --button-min-height-lg: clamp(2.2rem, 4.2vw, 2.6rem);
  --button-padding-block-sm: var(--spacing-1);
  --button-padding-inline-sm: var(--spacing-3);
  --button-padding-block-md: var(--spacing-2);
  --button-padding-inline-md: var(--spacing-4);
  --button-padding-block-lg: var(--spacing-2);
  --button-padding-inline-lg: var(--spacing-5);
  --button-focus-ring: var(--border-accent-strong);
  --button-secondary-bg: transparent;
  --button-secondary-bg-hover: transparent;
  --button-secondary-bg-active: transparent;
  --button-secondary-text: var(--color-accent-500);
  --button-secondary-text-hover: var(--color-accent-400);
  --button-secondary-text-active: var(--color-accent-600);
  --button-secondary-border: var(--color-accent-500);
  --button-secondary-border-hover: var(--color-accent-400);
  --button-secondary-border-active: var(--color-accent-600);
  --button-secondary-shadow: none;
  --button-toggle-bg: color-mix(in srgb, var(--bg-default) 88%, transparent);
  --button-toggle-bg-hover: color-mix(in srgb, var(--action-accent) 8%, transparent);
  --button-toggle-bg-active: color-mix(in srgb, var(--action-accent) 12%, transparent);
  --button-toggle-text: var(--text-secondary);
  --button-toggle-text-hover: var(--text-strong);
  --button-toggle-border: var(--border-soft);
  --button-toggle-border-hover: var(--border-accent-strong);
  --button-toggle-pressed-bg: color-mix(in srgb, var(--action-accent) 10%, transparent);
  --button-toggle-pressed-text: var(--text-strong);
  --button-toggle-pressed-border: var(--border-accent-strong);
  --color-neutral-100: #eef2f7;
  --color-neutral-300: #bcc4d0;
  --color-neutral-400: #9aa4b2;
  --color-neutral-600: #4a5568;
  --color-neutral-50: #f8fafc;
  --color-neutral-900: #0b0d12;
  --color-accent-400: #64deeb;
  --color-accent-300: #83e8f2;
  --color-slate-900: #070b14;
  --color-slate-800: #0e1628;
  --color-accent-500: #3ccbd8;
  --color-accent-600: #2aa8b5;
}