:root{--color-primary:#302B63;--color-secondary:#20E3B2;--color-accent:#C850C0;--color-primary-50:#F5F3FF;--color-primary-100:#EDE9FE;--color-primary-200:#DDD6FE;--color-primary-300:#C4B5FD;--color-primary-400:#A78BFA;--color-primary-500:#302B63;--color-primary-600:#282356;--color-primary-700:#1F1B47;--color-primary-800:#171338;--color-primary-900:#0F0B29;--color-secondary-50:#E6FFFE;--color-secondary-100:#B3FFF6;--color-secondary-200:#80FFED;--color-secondary-300:#4DFFE5;--color-secondary-400:#26E3C2;--color-secondary-500:#20E3B2;--color-secondary-600:#1AC299;--color-secondary-700:#14A180;--color-secondary-800:#0E8067;--color-secondary-900:#085F4E;--color-accent-50:#FFF0FE;--color-accent-100:#FFE0FC;--color-accent-200:#FFC0F9;--color-accent-300:#FF9FF5;--color-accent-400:#E670E0;--color-accent-500:#C850C0;--color-accent-600:#A040A0;--color-accent-700:#803080;--color-accent-800:#602060;--color-accent-900:#401040;--color-surface-50:#FAFAFA;--color-surface-100:#FFFFFF;--color-surface-200:#F5F5F5;--color-surface-300:#E5E5E5;--color-surface-400:#D4D4D4;--color-text-50:#FAFAFA;--color-text-100:#F5F5F5;--color-text-200:#E5E5E5;--color-text-300:#D4D4D4;--color-text-400:#A3A3A3;--color-text-500:#737373;--color-text-600:#525252;--color-text-700:#404040;--color-text-800:#262626;--color-text-900:#0F0C29;--color-background:var(--color-surface-100);--color-foreground:var(--color-text-900);--color-card:var(--color-surface-100);--color-card-foreground:var(--color-text-900);--color-popover:var(--color-surface-100);--color-popover-foreground:var(--color-text-900);--color-muted:var(--color-surface-200);--color-muted-foreground:var(--color-text-500);--color-border:var(--color-surface-300);--color-input:var(--color-surface-300);--color-ring:var(--color-primary-500);--surface-border:rgba(0,0,0,0.08);--surface-panel:rgba(0,0,0,0.05);--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1)}.dark{--color-primary:#302B63;--color-secondary:#20E3B2;--color-accent:#C850C0;--color-primary-50:#1A1630;--color-primary-100:#221D40;--color-primary-200:#2A2450;--color-primary-300:#453A80;--color-primary-400:#6050B0;--color-primary-500:#302B63;--color-primary-600:#9680FF;--color-primary-700:#B0A0FF;--color-primary-800:#CAC0FF;--color-primary-900:#E4E0FF;--color-secondary-50:#0A1F1F;--color-secondary-100:#0F2E2E;--color-secondary-200:#143D3D;--color-secondary-300:#195C5C;--color-secondary-400:#1E7B7B;--color-secondary-500:#21F6CC;--color-secondary-600:#4AFFD6;--color-secondary-700:#73FFE0;--color-secondary-800:#9CFFEA;--color-secondary-900:#C5FFF4;--color-accent-50:#2A0A20;--color-accent-100:#401030;--color-accent-200:#561640;--color-accent-300:#802060;--color-accent-400:#C03090;--color-accent-500:#FF70E0;--color-accent-600:#FF90E8;--color-accent-700:#FFB0F0;--color-accent-800:#FFD0F8;--color-accent-900:#FFF0FC;--color-surface-50:#0A0A0F;--color-surface-100:#15151E;--color-surface-200:#1F1F2E;--color-surface-300:#2A2A3E;--color-surface-400:#35354E;--color-text-50:#0A0A0F;--color-text-100:#15151E;--color-text-200:#2A2A3E;--color-text-300:#40405E;--color-text-400:#60607E;--color-text-500:#80809E;--color-text-600:#A0A0BE;--color-text-700:#C0C0DE;--color-text-800:#E0E0EE;--color-text-900:#FAFAFA;--color-background:var(--color-surface-100);--color-foreground:var(--color-text-900);--color-card:var(--color-surface-200);--color-card-foreground:var(--color-text-900);--color-popover:var(--color-surface-200);--color-popover-foreground:var(--color-text-900);--color-muted:var(--color-surface-300);--color-muted-foreground:var(--color-text-600);--color-border:var(--color-surface-400);--color-input:var(--color-surface-300);--color-ring:var(--color-primary-500);--surface-border:rgba(255,255,255,0.08);--surface-panel:rgba(255,255,255,0.07);--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.2);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.3),0 2px 4px -2px rgb(0 0 0/0.2);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.4),0 4px 6px -4px rgb(0 0 0/0.3);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.5),0 8px 10px -6px rgb(0 0 0/0.4)}*{transition:background-color .3s ease,border-color .3s ease}