:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--color-accent-hot:#FF3366;--color-accent-warm:#FF6B35;--color-accent-cool:#00D9FF;--color-primary-dark:#0A0E27;--color-primary:#1A1F3A;--color-primary-light:#2D3561;--color-neutral-50:#FAFBFC;--color-neutral-100:#E8ECF1;--color-neutral-200:#D1D9E6;--color-neutral-300:#A8B4C8;--color-neutral-400:#8894AA;--color-neutral-500:#5D6B82;--color-neutral-600:#3E4A5C;--color-neutral-700:#252D3D;--color-neutral-800:#141820;--color-neutral-900:#0A0D14;--theme-bg-primary:#FAFBFC;--theme-bg-secondary:#F4F6F9;--theme-bg-elevated:#FFFFFF;--theme-bg-pattern:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--theme-text-primary:#0A0D14;--theme-text-secondary:#3E4A5C;--theme-text-tertiary:#5D6B82;--theme-border:rgba(10,13,20,0.12);--theme-shadow:rgba(10,13,20,0.08);--color-background:var(--theme-bg-primary);--color-surface:var(--theme-bg-elevated);--color-text-primary:var(--theme-text-primary);--color-text-secondary:var(--theme-text-secondary);--color-text-tertiary:var(--theme-text-tertiary);--color-accent:var(--color-primary);--color-heading:var(--color-primary-dark);--focus-ring-width:3px;--focus-ring-offset:2px;--focus-ring-color:var(--color-primary);--focus-ring:0 0 0 var(--focus-ring-offset)var(--theme-bg-elevated),0 0 0 calc(var(--focus-ring-offset)+var(--focus-ring-width))var(--focus-ring-color);--petroleum-blue:var(--color-primary-dark);--aqua-green:var(--color-primary);--ice-white:var(--color-neutral-50);--light-gray:var(--color-neutral-200);--soft-black:var(--color-neutral-900);--dark-gray:var(--color-neutral-700);--content-bg:var(--color-background);--font-display:"JetBrains Mono","Courier New",monospace;--font-primary:"JetBrains Mono",monospace;--font-secondary:system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.333rem;--text-xl:1.777rem;--text-2xl:2.369rem;--text-3xl:3.157rem;--text-4xl:4.209rem;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.6;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.02em;--elevation-0:none;--elevation-1:0 2px 8px rgba(10,13,20,0.08),0 1px 4px rgba(10,13,20,0.06),inset 0 0 0 1px rgba(10,13,20,0.04);--elevation-2:0 8px 24px rgba(10,13,20,0.12),0 4px 12px rgba(10,13,20,0.08),inset 0 0 0 1px rgba(10,13,20,0.04);--elevation-3:0 16px 48px rgba(255,51,102,0.15),0 8px 24px rgba(10,13,20,0.1),inset 0 0 0 2px var(--color-accent-hot);--border-subtle:1px solid rgba(0,0,0,0.08);--border-emphasis:2px solid var(--color-primary);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:50%;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--width-half:50%;--gap-default:var(--space-xl);}[data-theme="dark"]{--theme-bg-primary:#0A0D14;--theme-bg-secondary:#141820;--theme-bg-elevated:#1A1F3A;--theme-bg-pattern:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--theme-text-primary:#FAFBFC;--theme-text-secondary:#D1D9E6;--theme-text-tertiary:#8894AA;--theme-border:rgba(250,251,252,0.08);--theme-shadow:rgba(0,0,0,0.5);--color-background:var(--theme-bg-primary);--color-surface:var(--theme-bg-elevated);--color-text-primary:var(--theme-text-primary);--color-text-secondary:var(--theme-text-secondary);--color-text-tertiary:var(--theme-text-tertiary);--color-heading:var(--color-text-primary);--color-neutral-200:#475569;--elevation-1:0 1px 3px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--elevation-2:0 4px 6px rgba(0,0,0,0.4),0 2px 4px rgba(0,0,0,0.3);--border-subtle:1px solid rgba(255,255,255,0.1);}