@import url('https://fonts.googleapis.com/css2?family=Exo:wght@300;400;500;600;700&family=Roboto+Mono:wght@300;400;500;700&display=swap');
:root:root { --primary: #DC2626; --secondary: #EF4444; --accent: #2563EB; --background: #FFFFFF; --surface: #FFFFFF; --text: #0F172A; --text-muted: #64748B; --border: #FAE4E4; --success: #16a34a; --warning: #f59e0b; --error: #DC2626; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 16px; --radius-pill: 9999px; --shadow-sm: 0 1px 2px rgba(0,0,0,0.06); --shadow-md: 0 4px 12px rgba(0,0,0,0.08); --shadow-lg: 0 12px 32px rgba(0,0,0,0.12); --font-heading: 'Exo', sans-serif; --font-body: 'Roboto Mono', sans-serif; --font-size: 16px; --line-height: 1.6; }
:root:root[data-theme="dark"] { --primary: #DC2626; --secondary: #EF4444; --accent: #2563EB; --background: #0b0f17; --surface: #131a24; --text: #e5e7eb; --text-muted: #94a3b8; --border: rgba(255,255,255,0.10); --error: #DC2626; }