/** Telxa design tokens and theme presets. */
.telxa-wrapper {
 --telxa-font: Vazirmatn, system-ui, -apple-system, sans-serif;
 --telxa-primary: #1E60E6; --telxa-primary-hover: #184DB8; --telxa-primary-subtle: #EAF1FF;
 --telxa-bg: #F7F8FA; --telxa-surface: #FFFFFF; --telxa-border: #E5E7EB; --telxa-text-main: #172033; --telxa-text-muted: #596579;
 --telxa-dark-bg: #0F172A; --telxa-dark-surface: #1E293B; --telxa-dark-border: #334155; --telxa-dark-text-main: #F8FAFC; --telxa-dark-text-muted: #94A3B8;
 --telxa-radius-button: 8px; --telxa-radius-chip: 8px; --telxa-radius-card: 14px; --telxa-radius-menu: 16px; --telxa-radius-modal: 16px;
 --telxa-shadow-sm: 0 1px 3px rgba(0,0,0,0.04); --telxa-shadow-md: 0 4px 12px rgba(0,0,0,0.06); --telxa-shadow-lg: 0 12px 32px rgba(0,0,0,0.08);
 --telxa-space-1: .25rem; --telxa-space-2: .5rem; --telxa-space-3: .75rem; --telxa-space-4: 1rem; --telxa-space-5: 1.5rem; --telxa-space-6: 2rem; --telxa-space-7: 3rem;
 --telxa-font-xs: .75rem; --telxa-font-sm: .8125rem; --telxa-font-base: .9375rem; --telxa-font-lg: 1.125rem; --telxa-font-xl: 1.5rem; --telxa-font-title: 1.875rem;
 --telxa-control-height: 46px; --telxa-content-width: 1440px;
}
.telxa-wrapper[data-telxa-theme="classic-blue"] { --telxa-primary: #1E60E6; --telxa-primary-hover: #184DB8; --telxa-primary-subtle: #EAF1FF; --telxa-bg: #F7F8FA; --telxa-surface: #FFFFFF; --telxa-border: #E5E7EB; --telxa-text-main: #172033; --telxa-text-muted: #596579; }
.telxa-wrapper[data-telxa-theme="ocean-teal"] { --telxa-primary: #0D9488; --telxa-primary-hover: #0F766E; --telxa-primary-subtle: #E4F5F2; --telxa-bg: #F4F9F8; --telxa-surface: #FFFFFF; --telxa-border: #D9E8E5; --telxa-text-main: #172033; --telxa-text-muted: #596579; }
.telxa-wrapper[data-telxa-theme="deep-slate"] { --telxa-primary: #334155; --telxa-primary-hover: #1E293B; --telxa-primary-subtle: #E9EDF2; --telxa-bg: #F5F7F9; --telxa-surface: #FFFFFF; --telxa-border: #DEE4EB; --telxa-text-main: #172033; --telxa-text-muted: #596579; }
.telxa-wrapper[data-telxa-theme="royal-purple"] { --telxa-primary: #6366F1; --telxa-primary-hover: #4F46C6; --telxa-primary-subtle: #EEEEFE; --telxa-bg: #F8F8FA; --telxa-surface: #FFFFFF; --telxa-border: #E5E5ED; --telxa-text-main: #172033; --telxa-text-muted: #596579; }
.telxa-wrapper[data-telxa-theme="emerald-pro"] { --telxa-primary: #059669; --telxa-primary-hover: #047857; --telxa-primary-subtle: #E2F6ED; --telxa-bg: #F5F9F7; --telxa-surface: #FFFFFF; --telxa-border: #DCEAE3; --telxa-text-main: #172033; --telxa-text-muted: #596579; }
.telxa-wrapper[data-telxa-theme="ruby-crimson"] { --telxa-primary: #E11D48; --telxa-primary-hover: #BE123C; --telxa-primary-subtle: #FFF0F3; --telxa-bg: #FAF7F8; --telxa-surface: #FFFFFF; --telxa-border: #EDDFE3; --telxa-text-main: #172033; --telxa-text-muted: #596579; }
.telxa-wrapper[data-telxa-theme="amber-gold"] { --telxa-primary: #D97706; --telxa-primary-hover: #A85106; --telxa-primary-subtle: #FFF3DE; --telxa-bg: #FAF8F4; --telxa-surface: #FFFFFF; --telxa-border: #EAE3D7; --telxa-text-main: #172033; --telxa-text-muted: #596579; }
.telxa-wrapper[data-telxa-theme="midnight-indigo"] { --telxa-primary: #4338CA; --telxa-primary-hover: #3730A3; --telxa-primary-subtle: #EEECFC; --telxa-bg: #F7F7FA; --telxa-surface: #FFFFFF; --telxa-border: #E1E1EB; --telxa-text-main: #172033; --telxa-text-muted: #596579; }
.telxa-wrapper[data-telxa-theme="minimal-graphite"] { --telxa-primary: #18181B; --telxa-primary-hover: #3F3F46; --telxa-primary-subtle: #F1F1F2; --telxa-bg: #F7F7F7; --telxa-surface: #FFFFFF; --telxa-border: #E4E4E7; --telxa-text-main: #172033; --telxa-text-muted: #596579; }
.telxa-wrapper[data-telxa-theme="nordic-sky"] { --telxa-primary: #0284C7; --telxa-primary-hover: #0369A1; --telxa-primary-subtle: #E5F5FC; --telxa-bg: #F4F8FA; --telxa-surface: #FFFFFF; --telxa-border: #DAE7ED; --telxa-text-main: #172033; --telxa-text-muted: #596579; }
.telxa-wrapper[data-telxa-theme="gaming"] { --telxa-primary: #007E78; --telxa-primary-hover: #005F5B; --telxa-primary-subtle: #DBFAF4; --telxa-bg: #F1F8F7; --telxa-surface: #FFFFFF; --telxa-border: #C4E4DF; --telxa-text-main: #172033; --telxa-text-muted: #596579; }

:is(.telxa-dark, [data-telxa-theme-mode="dark"]) .telxa-wrapper,
:is(.telxa-dark, [data-telxa-theme-mode="dark"]).telxa-wrapper {
 --telxa-bg: var(--telxa-dark-bg); --telxa-surface: var(--telxa-dark-surface); --telxa-border: var(--telxa-dark-border); --telxa-text-main: var(--telxa-dark-text-main); --telxa-text-muted: var(--telxa-dark-text-muted); --telxa-primary-subtle: #28384C;
}
@media (prefers-color-scheme: dark) {
 :root:not([data-telxa-theme-mode]) .telxa-wrapper, :root[data-telxa-theme-mode="auto"] .telxa-wrapper {
  --telxa-bg: var(--telxa-dark-bg); --telxa-surface: var(--telxa-dark-surface); --telxa-border: var(--telxa-dark-border); --telxa-text-main: var(--telxa-dark-text-main); --telxa-text-muted: var(--telxa-dark-text-muted); --telxa-primary-subtle: #28384C;
 }
}
:is(.telxa-dark, [data-telxa-theme-mode="dark"]) .telxa-wrapper[data-telxa-theme="gaming"],
:is(.telxa-dark, [data-telxa-theme-mode="dark"]).telxa-wrapper[data-telxa-theme="gaming"] { --telxa-primary: #38F5D5; --telxa-primary-hover: #7DFBE6; --telxa-primary-subtle: #103C3D; }
@media (prefers-color-scheme: dark) {
 :root:not([data-telxa-theme-mode]) .telxa-wrapper[data-telxa-theme="gaming"], :root[data-telxa-theme-mode="auto"] .telxa-wrapper[data-telxa-theme="gaming"], :root[data-telxa-theme-mode="auto"].telxa-wrapper[data-telxa-theme="gaming"] { --telxa-primary: #38F5D5; --telxa-primary-hover: #7DFBE6; --telxa-primary-subtle: #103C3D; }
}
.telxa-wrapper {
 --telxa-brand: var(--telxa-primary); --telxa-text: var(--telxa-text-main); --telxa-muted: var(--telxa-text-muted); --telxa-line: var(--telxa-border); --telxa-surface-soft: var(--telxa-bg); --telxa-surface-hover: var(--telxa-primary-subtle);
 --telxa-radius-sm: var(--telxa-radius-button); --telxa-radius: var(--telxa-radius-card); --telxa-shadow: var(--telxa-shadow-md);
 --telxa-auth-primary: var(--telxa-primary); --telxa-auth-primary-hover: var(--telxa-primary-hover); --telxa-auth-ink: var(--telxa-text-main); --telxa-auth-muted: var(--telxa-text-muted); --telxa-auth-border: var(--telxa-border); --telxa-auth-card: var(--telxa-surface);
 --telxa-success: #176044; --telxa-success-bg: #eaf7f0; --telxa-warning: #72500c; --telxa-warning-bg: #fff8e6; --telxa-danger: #a32635; --telxa-danger-bg: #fff0f1; --telxa-info: #214f85; --telxa-info-bg: #edf4ff; --telxa-focus: #4988f4;
}

