:root {--color-bg-dark: #1D0F3E;--color-primary: #391F58;--color-violet: #6842C4;--color-accent: #E5B425;--color-ink: #1D0F3E;--color-paper: #FFFFFF;--color-surface: #F5F5F7;--color-muted: #6B6B7B;--color-bg: var(--color-paper);--color-text: var(--color-ink);--color-text-soft: var(--color-muted);--color-text-inverse: var(--color-paper);--color-bg-50: #F6F4FB;--color-bg-100: #EDE8F7;--color-bg-200: #D4C9ED;--color-bg-300: #B6A1E8;--color-bg-400: #9373DD;--color-bg-500: #1D0F3E;--color-bg-600: #4D28A4;--color-bg-700: #3D2083;--color-bg-800: #2E1863;--color-bg-900: #1F1042;--color-bg-950: #110925;--color-primary-50: #F7F4FB;--color-primary-100: #EFE8F7;--color-primary-200: #DACAEC;--color-primary-300: #C2A8E0;--color-primary-400: #A57FD2;--color-primary-500: #391F58;--color-primary-600: #6239C1;--color-primary-700: #4E2B79;--color-primary-800: #3B205B;--color-primary-900: #27153C;--color-primary-950: #160C22;--color-violet-50: #F6F4FB;--color-violet-100: #EDE8F7;--color-violet-200: #D4C9ED;--color-violet-300: #B8A6E3;--color-violet-400: #957BD6;--color-violet-500: #6842C4;--color-violet-600: #50319B;--color-violet-700: #40277C;--color-violet-800: #301D5D;--color-violet-900: #20133E;--color-violet-950: #120B23;--color-accent-50: #FBF9F4;--color-accent-100: #F7F3E8;--color-accent-200: #EDE4C9;--color-accent-300: #F3DB96;--color-accent-400: #EDCA64;--color-accent-500: #E5B425;--color-accent-600: #B68D16;--color-accent-700: #927111;--color-accent-800: #6D550D;--color-accent-900: #493909;--color-accent-950: #271F07;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--font-display: "Instrument Serif", Georgia, serif;--font-body: Plus Jakarta Sans;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-2xs: 9px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 48px;--text-5xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--shadow-sm: 0 2px 8px rgba(29,15,62,0.08);--shadow-md: 0 8px 24px rgba(29,15,62,0.12);--shadow-lg: 0 16px 48px rgba(29,15,62,0.16);}