:root { font-family: Inter, sans-serif; font-synthesis: none; --display: 'Bebas Neue', sans-serif; --mono: 'JetBrains Mono', monospace; --ease-fast: cubic-bezier(.7,0,.2,1); --ease-soft: cubic-bezier(.22,1,.36,1); --shell: min(1180px, calc(100% - 72px)); }
:root[data-theme="dark"] { color-scheme: dark; --bg:#0A0A0F; --surface:#14121C; --surface-2:#1E1A2B; --border:#2E2840; --text:#F2EEF8; --text-muted:#A59DB8; --primary:#E11D48; --primary-text:#FF7188; --accent:#7C3AED; --glow:#FF3355; --eye:#fff; --hero-gradient:linear-gradient(135deg,#0A0A0F 0%,#1E1A2B 55%,#3B0A1A 100%); --shadow:0 0 24px rgba(225,29,72,.18); }
:root[data-theme="light"] { color-scheme:light; --bg:#F4FBF7; --surface:#fff; --surface-2:#E6F5EC; --border:#BFE3D0; --text:#0F2A24; --text-muted:#4B6B62; --primary:#0E9F6E; --primary-text:#047857; --accent:#2DD4BF; --gold:#D9A441; --glow:#6EE7B7; --eye:#fff; --hero-gradient:linear-gradient(135deg,#F4FBF7 0%,#D1FAE5 55%,#99F6E4 100%); --shadow:0 0 24px rgba(14,159,110,.16); }