@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root:root { --primary: #be185d; --secondary: #9d174d; --accent: #7c3aed; --background: #fffafc; --surface: #fdf2f8; --text: #2a1020; --text-muted: #7c5c6c; --border: #f3d9e6; --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: 'Epilogue', sans-serif; --font-body: 'Inter', sans-serif; --font-size: 16px; --line-height: 1.6; }
:root:root[data-theme="dark"] { --primary: #be185d; --secondary: #9d174d; --accent: #7c3aed; --background: #180b12; --surface: #26121d; --text: #fce7f0; --text-muted: #c496ab; --border: rgba(255,255,255,0.10); --error: #DC2626; }