/* Perkiverse design tokens — generated, do not hand-edit. */ :root { --pv-deepSpace: #2E1065; --pv-perkViolet: #7C3AED; --pv-levelPurple: #A855F7; --pv-xpCyan: #22D3EE; --pv-deepCyan: #0891B2; --pv-sparkGold: #FDE047; --pv-goldDeep: #F5A524; --pv-ink: #140A2E; --pv-surface-light: #FFFFFF; --pv-surface-lightSubtle: #F6F3FE; --pv-surface-lightRaised: #FBFAFF; --pv-surface-dark: #140A2E; --pv-surface-darkRaised: #1E1140; --pv-surface-border: #E7E1F5; --pv-surface-borderDark: #241748; --pv-text-primary: #1B1035; --pv-text-secondary: #6B5E8C; --pv-text-onDark: #FFFFFF; --pv-text-onDarkMuted: #B9AEDC; --pv-tier-rookie: #7C3AED; --pv-tier-player: #7C3AED; --pv-tier-challenger: #7C3AED; --pv-tier-pro: #7C3AED; --pv-tier-elite: #7C3AED; --pv-tier-champion: #7C3AED; --pv-tier-legend: #FDE047; --pv-gradient-brand: linear-gradient(135deg, #A855F7 0%, #7C3AED 50%, #22D3EE 100%); --pv-gradient-core: linear-gradient(135deg, #7C3AED 0%, #22D3EE 100%); --pv-gradient-gold: linear-gradient(135deg, #FDE047 0%, #F5A524 100%); --pv-gradient-hero: linear-gradient(135deg, #2E1065 0%, #5B21B6 45%, #0E7490 100%); --pv-radius-sm: 8px; --pv-radius-md: 14px; --pv-radius-lg: 20px; --pv-radius-xl: 24px; --pv-radius-pill: 999px; --pv-radius-appIcon: 22.37%; --pv-space-2: 2px; --pv-space-4: 4px; --pv-space-8: 8px; --pv-space-12: 12px; --pv-space-16: 16px; --pv-space-20: 20px; --pv-space-24: 24px; --pv-space-32: 32px; --pv-space-40: 40px; --pv-space-48: 48px; --pv-space-64: 64px; --pv-duration-instant: 120ms; --pv-duration-fast: 200ms; --pv-duration-base: 320ms; --pv-duration-slow: 560ms; --pv-duration-celebrate: 900ms; --pv-ease-standard: cubic-bezier(0.2, 0, 0, 1); --pv-ease-enter: cubic-bezier(0, 0, 0, 1); --pv-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); } /* Dark theme. Apply on or any subtree. */ [data-theme="dark"] { --pv-surface-light: var(--pv-ink); --pv-surface-lightSubtle: var(--pv-ink); --pv-surface-lightRaised: #1E1140; --pv-surface-border: #241748; --pv-text-primary: #FFFFFF; --pv-text-secondary: #B9AEDC; } @media (prefers-reduced-motion: reduce) { :root { --pv-duration-slow: 1ms; --pv-duration-celebrate: 1ms; } }