/* Explain: CSS variables for the application's color palette and typography. */
/* FOUNDER500™ design tokens — single source of truth for colour, type, spacing, radius and elevation. */
:root {
    /* Brand */
    --primary-color: #142943;
    --primary-hover: #1E3A5F;
    --primary-soft: #E7ECF3;
    --accent-color: #E8D58C;
    --accent-strong: #D9C271;
    --accent-soft: #FBF6E4;
    --secondary-color: #243244;

    /* Surfaces */
    --background-color: #FFFFFF;
    --surface-color: #F5F7FA;
    --surface-strong: #EDF1F6;
    --surface-inverse: #142943;
    --footer-bg: #142943;

    /* Text */
    --text-color: #243244;
    --text-muted: #64748B;
    --text-on-dark: #E7ECF3;
    --text-inverse: #FFFFFF;

    /* Borders */
    --border-color: #E2E8F0;
    --border-strong: #CBD5E1;

    /* States */
    --success-color: #2E7D5B;
    --success-bg: #E7F5EE;
    --warning-color: #B7791F;
    --warning-bg: #FBF3E4;
    --error-color: #B4452F;
    --error-bg: #FBECE8;
    --info-color: #1D4E8F;
    --info-bg: #E8F0FA;

    /* Glass / nav */
    --glass-bg: rgba(255, 255, 255, 0.72);
    --glass-border: rgba(36, 50, 68, 0.1);
    --nav-bg: rgba(255, 255, 255, 0.86);
    --field-bg: #F5F7FA;

    /* Radius scale */
    --radius-sm: 0.5rem;
    --radius-md: 0.75rem;
    --radius-lg: 1rem;
    --radius-xl: 1.5rem;
    --radius-pill: 999px;

    /* Elevation */
    --shadow-soft: 0 18px 50px rgba(20, 41, 67, 0.08);
    --shadow-card: 0 10px 30px rgba(20, 41, 67, 0.06);
    --shadow-button: 0 14px 30px rgba(20, 41, 67, 0.18);
    --shadow-pop: 0 24px 60px rgba(20, 41, 67, 0.16);

    /* Spacing scale */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;

    /* Typography */
    --font-heading: 'Plus Jakarta Sans', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-logo: 'Plus Jakarta Sans', sans-serif;
}