/* Explain: Theme tokens and design system for the Bold & Confident aesthetic. - */
:root {
    --primary-color: #f43f5e;
    --primary-hover: #e11d48;
    --secondary-color: #6366f1;
    --accent-color: #0ea5e9;
    --button-color: #f43f5e;
    --background-color: #030712;
    --surface-color: #111827;
    --surface-elevated: #1f2937;
    --footer-bg: #030712;
    --text-color: #f9fafb;
    --text-muted: #9ca3af;
    --border-color: #374151;
    --glass-bg: rgba(17, 24, 39, 0.85);
    --glass-border: #374151;
    --nav-bg: rgba(3, 7, 18, 0.95);
    --field-bg: #111827;
    --logo-subtitle-color: #6366f1;
    --sage-soft: rgba(14, 165, 233, 0.12);
    --sage-dark: #0ea5e9;
    --terracotta-soft: rgba(244, 63, 94, 0.13);
    --aurora-pink: rgba(244, 63, 94, 0.1);
    --aurora-cyan: rgba(14, 165, 233, 0.1);
    --aurora-gold: rgba(99, 102, 241, 0.1);
    --shadow-soft: 0 8px 30px rgba(0, 0, 0, 0.4);
    --shadow-button: 0 4px 14px rgba(244, 63, 94, 0.25);
    --radius-sm: 0.125rem;
    --radius-md: 0.25rem;
    --radius-lg: 0.5rem;
    --font-heading: 'Syne', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-logo: 'Syne', sans-serif;
}