/* Explain: Theme CSS variables, including colors and fonts. */
:root {
    --primary-color: #1D4ED8;
    --primary-hover: #1E40AF;
    --secondary-color: #E0F2FE;
    --accent-color: #2563EB;
    --background-color: #F8FAFC;
    --surface-color: #FFFFFF;
    --ivory-color: #FFFFFF;
    --warm-beige: #DBEAFE;
    --sage-color: #3B82F6;
    --clay-color: #2563EB;
    --text-color: #0F172A;
    --text-muted: #475569;
    --border-color: rgba(15, 23, 42, 0.1);
    --nav-bg: rgba(255, 255, 255, 0.9);
    --nav-border: rgba(29, 78, 216, 0.2);
    --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-body: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --shadow-soft: 0 18px 55px rgba(15, 23, 42, 0.08);
    --shadow-deep: 0 32px 90px rgba(15, 23, 42, 0.15);
    --radius-organic: 2.5rem;
}