/* Explain: Color, typography, and spacing design tokens. */
:root {
    --primary-color: #0E5FBA;
    --primary-hover: #084A92;
    --secondary-color: #0B1220;
    --accent-color: #F97316;
    --background-color: #F7FAFC;
    --surface-color: #FFFFFF;
    --ivory-color: #FFFFFF;
    --warm-beige: #EAF2FF;
    --sage-color: #94A3B8;
    --clay-color: #1E3A5F;
    --text-color: #07111F;
    --text-muted: #475569;
    --border-color: #D8E4F2;
    --nav-bg: rgba(255, 255, 255, 0.97);
    --nav-border: rgba(14, 95, 186, 0.18);
    --success-color: #16A34A;
    --whatsapp-color: #25D366;
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    --shadow-soft: 0 12px 30px -12px rgba(14, 95, 186, 0.28);
    --shadow-deep: 0 24px 55px -18px rgba(11, 18, 32, 0.35);
    --radius-organic: 1rem;
}