@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root:root { --primary: #111111; --secondary: #404040; --accent: #111111; --background: #ffffff; --surface: #fafafa; --text: #0a0a0a; --text-muted: #737373; --border: #e5e5e5; --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: 'Inter', sans-serif; --font-body: 'Inter', sans-serif; --font-size: 16px; --line-height: 1.6; }
:root:root[data-theme="dark"] { --primary: #111111; --secondary: #404040; --accent: #111111; --background: #0a0a0a; --surface: #171717; --text: #fafafa; --text-muted: #a3a3a3; --border: rgba(255,255,255,0.12); --error: #DC2626; }