/* LEGION ACADEMY — visual tokens v0.4.13.
 * Loaded only on Experience-controlled screens/components.
 */
:root {
	--tda-color-background: #f5f7fc;
	--tda-color-background-soft: #edf2ff;
	--tda-color-surface: #ffffff;
	--tda-color-surface-glass: rgba(255, 255, 255, 0.76);
	--tda-color-surface-dark: #11162b;
	--tda-color-primary: #5f5bf3;
	--tda-color-primary-strong: #4f49dc;
	--tda-color-secondary: #2db8ef;
	--tda-color-text: #121629;
	--tda-color-text-inverse: #f8faff;
	--tda-color-muted: #636b80;
	--tda-color-border: rgba(36, 45, 82, 0.12);
	--tda-color-border-strong: rgba(36, 45, 82, 0.22);
	--tda-color-success: #138a61;
	--tda-color-success-soft: #e9fbf3;
	--tda-color-warning: #a76500;
	--tda-color-warning-soft: #fff6df;
	--tda-color-danger: #bd344b;
	--tda-color-danger-soft: #fff0f3;
	--tda-color-info: #176da5;
	--tda-color-info-soft: #eaf7ff;
	--tda-gradient-brand: linear-gradient(112deg, #6258f2 0%, #526ff1 46%, #2db8ef 100%);
	--tda-gradient-hero: radial-gradient(circle at 82% 12%, rgba(45, 184, 239, 0.18), transparent 30%), radial-gradient(circle at 10% 18%, rgba(95, 91, 243, 0.20), transparent 34%), linear-gradient(145deg, #f8faff 0%, #eef3ff 100%);
	--tda-font-sans: Inter, Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--tda-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	--tda-text-xs: 0.75rem;
	--tda-text-sm: 0.875rem;
	--tda-text-base: 1rem;
	--tda-text-lg: 1.125rem;
	--tda-text-xl: 1.375rem;
	--tda-text-2xl: clamp(1.75rem, 3vw, 2.5rem);
	--tda-text-hero: clamp(2.55rem, 6vw, 5.25rem);
	--tda-space-1: 0.25rem;
	--tda-space-2: 0.5rem;
	--tda-space-3: 0.75rem;
	--tda-space-4: 1rem;
	--tda-space-5: 1.25rem;
	--tda-space-6: 1.5rem;
	--tda-space-8: 2rem;
	--tda-space-10: 2.5rem;
	--tda-space-12: 3rem;
	--tda-space-16: 4rem;
	--tda-space-20: 5rem;
	--tda-radius-sm: 0.625rem;
	--tda-radius-md: 1rem;
	--tda-radius-lg: 1.5rem;
	--tda-radius-xl: 2rem;
	--tda-radius-pill: 999px;
	--tda-shadow-sm: 0 8px 24px rgba(27, 37, 76, 0.08);
	--tda-shadow-md: 0 18px 48px rgba(27, 37, 76, 0.12);
	--tda-shadow-lg: 0 28px 80px rgba(27, 37, 76, 0.16);
	--tda-container: 1200px;
	--tda-transition-fast: 160ms ease;
	--tda-transition-base: 260ms cubic-bezier(.2, .72, .24, 1);
	--tda-breakpoint-sm: 560px;
	--tda-breakpoint-md: 760px;
	--tda-breakpoint-lg: 980px;
	--tda-breakpoint-xl: 1200px;
}