:root {
    --taupe: #99CD91;
    --soft-rose: #67A19B;
    --deep-brown: #003C43;
    --cream: #EBE8D8;
    --muted-teal: #5D5C5C;
    --light-gold: #EB8739;
    --primary: #003C43;
    --secondary: #67A19B;
    --accent: #99CD91;
}

/* Override dark mode with custom branding colors */
@media (prefers-color-scheme: dark) {
    :root {
        --background: #EBE8D8;
        --background-alt: #FFFFFF;
        --text-dark: #2D2D2D;
        --text-light: #FFFFFF;
        --text-muted: #707070;
    }
    
    .card {
        background-color: var(--background-alt);
    }
    
    input, textarea, select {
        background-color: var(--background-alt);
        color: var(--text-dark);;
        border-color: var(--primary);

    }
    
    .navbar {
        background-color: var(--deep-brown);
    }
}