/* EVA3 DESIGN SYSTEM — generado desde config/theme.js. No editar a mano. */
:root {
  --eva-night-500: #4A5B92;
  --eva-night-600: #33437A;
  --eva-night-700: #273566;
  --eva-night-750: #1F2C57;
  --eva-night-800: #18244A;
  --eva-night-850: #141F40;
  --eva-night-900: #111A37;
  --eva-night-950: #0B1230;
  --eva-ice-50: #F4F9FD;
  --eva-ice-100: #E6F2FA;
  --eva-ice-200: #CFE6F1;
  --eva-ice-300: #B5D0E6;
  --eva-ice-400: #94BED5;
  --eva-ice-500: #6E9CC0;
  --eva-ice-600: #4D7497;
  --eva-ice-700: #3A5A7A;
  --eva-ice-800: #27446C;
  --eva-glow-100: #D2FAFD;
  --eva-glow-200: #A6F3F9;
  --eva-glow-300: #7EE8F2;
  --eva-glow-400: #4FD8E8;
  --eva-glow-500: #22C3D6;
  --eva-glow-600: #0E9FB2;
  --eva-glow-700: #0A7C8C;
  --eva-glow-800: #085E6A;
  --eva-aurora-300: #C3CEFF;
  --eva-aurora-400: #9DB0FF;
  --eva-aurora-500: #7C8FF5;
  --eva-aurora-600: #5B6BD8;
  --eva-aurora-700: #4F5BD5;
  --eva-visor: #0A1220;
  --eva-white: #FFFFFF;
  --eva-black: #000000;
  --eva-platform-youtube: #FF0033;
  --eva-platform-twitch: #9146FF;
  --eva-platform-kick: #53FC18;
  --eva-platform-tiktok: #FE2C55;
  --eva-platform-instagram: #E1306C;
  --eva-platform-x: #E7E9EA;
  --eva-platform-feeds: #F59E0B;
  --eva-font-display: 'Outfit', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --eva-font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --eva-font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;
  --eva-text-2xs: .6875rem;
  --eva-text-xs: .75rem;
  --eva-text-sm: .875rem;
  --eva-text-md: .9375rem;
  --eva-text-base: 1rem;
  --eva-text-lg: 1.125rem;
  --eva-text-xl: 1.25rem;
  --eva-text-2xl: 1.5rem;
  --eva-text-3xl: 1.875rem;
  --eva-text-4xl: 2.25rem;
  --eva-text-display: clamp(2.25rem, 5vw, 3.75rem);
  --eva-text-h2: clamp(1.5rem, 3vw, 2.25rem);
  --eva-weight-regular: 400;
  --eva-weight-medium: 500;
  --eva-weight-semibold: 600;
  --eva-weight-bold: 700;
  --eva-weight-black: 800;
  --eva-leading-tight: 1.15;
  --eva-leading-snug: 1.3;
  --eva-leading-normal: 1.55;
  --eva-tracking-tight: -.02em;
  --eva-tracking-normal: 0;
  --eva-tracking-wide: .06em;
  --eva-space-0: 0;
  --eva-space-1: 4px;
  --eva-space-2: 8px;
  --eva-space-3: 12px;
  --eva-space-4: 16px;
  --eva-space-5: 20px;
  --eva-space-6: 24px;
  --eva-space-7: 28px;
  --eva-space-8: 32px;
  --eva-space-10: 40px;
  --eva-space-12: 48px;
  --eva-space-16: 64px;
  --eva-space-20: 80px;
  --eva-space-24: 96px;
  --eva-space-px: 1px;
  --eva-space-0-5: 2px;
  --eva-space-1-5: 6px;
  --eva-space-2-5: 10px;
  --eva-space-3-5: 14px;
  --eva-radius-xs: 6px;
  --eva-radius-sm: 10px;
  --eva-radius-md: 14px;
  --eva-radius-lg: 20px;
  --eva-radius-xl: 28px;
  --eva-radius-pill: 999px;
  --eva-radius-circle: 50%;
  --eva-border-width: 1px;
  --eva-border-width-strong: 2px;
  --eva-focus-ring: 3px;
  --eva-shadow-sm: 0 1px 2px rgba(var(--eva-shadow-rgb), .30);
  --eva-shadow-md: 0 6px 20px rgba(var(--eva-shadow-rgb), .35);
  --eva-shadow-lg: 0 16px 48px rgba(var(--eva-shadow-rgb), .45);
  --eva-shadow-glow: 0 0 0 1px rgba(var(--eva-glow-rgb), .35), 0 8px 32px rgba(var(--eva-glow-rgb), .22);
  --eva-shadow-glow-sm: 0 0 16px rgba(var(--eva-glow-rgb), .35);
  --eva-shadow-focus: 0 0 0 3px rgba(var(--eva-glow-rgb), .35);
  --eva-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .04);
  --eva-gradient-ceramic: linear-gradient(160deg, #E6F2FA 0%, #B5D0E6 45%, #4D7497 100%);
  --eva-gradient-glow: linear-gradient(90deg, #4FD8E8 0%, #9DB0FF 100%);
  --eva-gradient-glow-text: linear-gradient(90deg, #7EE8F2 0%, #CFE6F1 55%, #C3CEFF 100%);
  --eva-gradient-halo: radial-gradient(640px 420px at 30% 0%, rgba(79, 216, 232, .16), transparent 60%), radial-gradient(520px 420px at 85% 15%, rgba(157, 176, 255, .12), transparent 60%);
  --eva-gradient-surface: linear-gradient(180deg, rgba(181, 208, 230, .04) 0%, rgba(181, 208, 230, 0) 100%);
  --eva-gradient-skeleton: linear-gradient(90deg, var(--eva-bg-card-hover) 25%, var(--eva-bg-card) 50%, var(--eva-bg-card-hover) 75%);
  --eva-duration-fast: 120ms;
  --eva-duration: 180ms;
  --eva-duration-slow: 280ms;
  --eva-easing: cubic-bezier(.2, .8, .2, 1);
  --eva-easing-out: cubic-bezier(0, 0, .2, 1);
  --eva-transition: all 180ms cubic-bezier(.2, .8, .2, 1);
  --eva-z-base: 1;
  --eva-z-sticky: 40;
  --eva-z-dropdown: 60;
  --eva-z-overlay: 75;
  --eva-z-sidebar: 80;
  --eva-z-modal: 90;
  --eva-z-toast: 100;
  --eva-z-tooltip: 110;
  --eva-bp-sm: 480px;
  --eva-bp-md: 768px;
  --eva-bp-lg: 1024px;
  --eva-bp-xl: 1366px;
  --eva-bp-2xl: 1920px;
  --eva-sidebar-width: 264px;
  --eva-container-max: 1200px;
  --eva-nav-height: 64px;
  --eva-control-height: 44px;
  --eva-control-height-sm: 36px;
  --eva-touch-target: 44px;
  --eva-tier-free: #B5D0E6;
  --eva-tier-free-soft: rgba(181, 208, 230, .12);
  --eva-tier-free-gradient: linear-gradient(135deg, #94BED5, #4D7497);
  --eva-tier-pro: #4FD8E8;
  --eva-tier-pro-soft: rgba(79, 216, 232, .14);
  --eva-tier-pro-gradient: linear-gradient(135deg, #7EE8F2, #22C3D6);
  --eva-tier-ultimate: #9DB0FF;
  --eva-tier-ultimate-soft: rgba(157, 176, 255, .16);
  --eva-tier-ultimate-gradient: linear-gradient(135deg, #7EE8F2 0%, #9DB0FF 55%, #5B6BD8 100%);
  --eva-bg-primary: #111A37;
  --eva-bg-secondary: #141F40;
  --eva-bg-elevated: #18244A;
  --eva-bg-card: #18244A;
  --eva-bg-card-hover: #1F2C57;
  --eva-bg-input: #0B1230;
  --eva-bg-overlay: rgba(4, 8, 22, .72);
  --eva-bg-tooltip: #E6F2FA;
  --eva-text-tooltip: #111A37;
  --eva-primary: #4FD8E8;
  --eva-primary-hover: #7EE8F2;
  --eva-primary-active: #22C3D6;
  --eva-primary-soft: rgba(79, 216, 232, .14);
  --eva-on-primary: #06202A;
  --eva-secondary: #B5D0E6;
  --eva-secondary-hover: #CFE6F1;
  --eva-secondary-soft: rgba(181, 208, 230, .12);
  --eva-on-secondary: #111A37;
  --eva-accent: #9DB0FF;
  --eva-accent-soft: rgba(157, 176, 255, .14);
  --eva-on-accent: #111A37;
  --eva-text-primary: #EAF2FB;
  --eva-text-secondary: #AEBEDB;
  --eva-text-muted: #8494BA;
  --eva-text-disabled: #56648A;
  --eva-text-link: #7EE8F2;
  --eva-border: rgba(181, 208, 230, .10);
  --eva-border-strong: rgba(181, 208, 230, .20);
  --eva-border-focus: #4FD8E8;
  --eva-success: #34D399;
  --eva-success-soft: rgba(52, 211, 153, .14);
  --eva-on-success: #052E1F;
  --eva-warning: #FBBF24;
  --eva-warning-soft: rgba(251, 191, 36, .14);
  --eva-on-warning: #2D1F02;
  --eva-danger: #F87171;
  --eva-danger-soft: rgba(248, 113, 113, .14);
  --eva-on-danger: #2C0A0A;
  --eva-info: #6CB6FF;
  --eva-info-soft: rgba(108, 182, 255, .14);
  --eva-on-info: #061C33;
  --eva-gold: #F5C84B;
  --eva-silver: #C9D6E6;
  --eva-bronze: #E09A62;
  --eva-shadow-rgb: 2, 6, 20;
  --eva-glow-rgb: 79, 216, 232;
  --eva-scrollbar: #33437A;
  color-scheme: dark;
}

:root[data-theme="light"] {
  --eva-bg-primary: #F4F8FC;
  --eva-bg-secondary: #FFFFFF;
  --eva-bg-elevated: #FFFFFF;
  --eva-bg-card: #FFFFFF;
  --eva-bg-card-hover: #F4F9FD;
  --eva-bg-input: #FFFFFF;
  --eva-bg-overlay: rgba(11, 18, 48, .45);
  --eva-bg-tooltip: #111A37;
  --eva-text-tooltip: #F4F9FD;
  --eva-primary: #0A7C8C;
  --eva-primary-hover: #085E6A;
  --eva-primary-active: #085E6A;
  --eva-primary-soft: rgba(10, 124, 140, .10);
  --eva-on-primary: #FFFFFF;
  --eva-secondary: #3A5A7A;
  --eva-secondary-hover: #27446C;
  --eva-secondary-soft: rgba(58, 90, 122, .10);
  --eva-on-secondary: #FFFFFF;
  --eva-accent: #4F5BD5;
  --eva-accent-soft: rgba(79, 91, 213, .10);
  --eva-on-accent: #FFFFFF;
  --eva-text-primary: #0F1A3A;
  --eva-text-secondary: #42527A;
  --eva-text-muted: #5B6A8F;
  --eva-text-disabled: #9AA6C2;
  --eva-text-link: #0A7C8C;
  --eva-border: rgba(15, 26, 58, .10);
  --eva-border-strong: rgba(15, 26, 58, .18);
  --eva-border-focus: #0A7C8C;
  --eva-success: #047857;
  --eva-success-soft: rgba(4, 120, 87, .10);
  --eva-on-success: #FFFFFF;
  --eva-warning: #B45309;
  --eva-warning-soft: rgba(180, 83, 9, .10);
  --eva-on-warning: #FFFFFF;
  --eva-danger: #C62828;
  --eva-danger-soft: rgba(198, 40, 40, .10);
  --eva-on-danger: #FFFFFF;
  --eva-info: #1D63C4;
  --eva-info-soft: rgba(29, 99, 196, .10);
  --eva-on-info: #FFFFFF;
  --eva-gold: #B7861A;
  --eva-silver: #6B7A90;
  --eva-bronze: #A8612B;
  --eva-shadow-rgb: 15, 26, 58;
  --eva-glow-rgb: 10, 124, 140;
  --eva-scrollbar: #94BED5;
  color-scheme: light;
}

@media (prefers-color-scheme: light) {
  :root[data-theme="system"] {
  --eva-bg-primary: #F4F8FC;
  --eva-bg-secondary: #FFFFFF;
  --eva-bg-elevated: #FFFFFF;
  --eva-bg-card: #FFFFFF;
  --eva-bg-card-hover: #F4F9FD;
  --eva-bg-input: #FFFFFF;
  --eva-bg-overlay: rgba(11, 18, 48, .45);
  --eva-bg-tooltip: #111A37;
  --eva-text-tooltip: #F4F9FD;
  --eva-primary: #0A7C8C;
  --eva-primary-hover: #085E6A;
  --eva-primary-active: #085E6A;
  --eva-primary-soft: rgba(10, 124, 140, .10);
  --eva-on-primary: #FFFFFF;
  --eva-secondary: #3A5A7A;
  --eva-secondary-hover: #27446C;
  --eva-secondary-soft: rgba(58, 90, 122, .10);
  --eva-on-secondary: #FFFFFF;
  --eva-accent: #4F5BD5;
  --eva-accent-soft: rgba(79, 91, 213, .10);
  --eva-on-accent: #FFFFFF;
  --eva-text-primary: #0F1A3A;
  --eva-text-secondary: #42527A;
  --eva-text-muted: #5B6A8F;
  --eva-text-disabled: #9AA6C2;
  --eva-text-link: #0A7C8C;
  --eva-border: rgba(15, 26, 58, .10);
  --eva-border-strong: rgba(15, 26, 58, .18);
  --eva-border-focus: #0A7C8C;
  --eva-success: #047857;
  --eva-success-soft: rgba(4, 120, 87, .10);
  --eva-on-success: #FFFFFF;
  --eva-warning: #B45309;
  --eva-warning-soft: rgba(180, 83, 9, .10);
  --eva-on-warning: #FFFFFF;
  --eva-danger: #C62828;
  --eva-danger-soft: rgba(198, 40, 40, .10);
  --eva-on-danger: #FFFFFF;
  --eva-info: #1D63C4;
  --eva-info-soft: rgba(29, 99, 196, .10);
  --eva-on-info: #FFFFFF;
  --eva-gold: #B7861A;
  --eva-silver: #6B7A90;
  --eva-bronze: #A8612B;
  --eva-shadow-rgb: 15, 26, 58;
  --eva-glow-rgb: 10, 124, 140;
  --eva-scrollbar: #94BED5;
  color-scheme: light;
}
}