:root {
    /* Dalton's Earthy Theme Variables */
    --bg-primary:    #f6f8fb;
    --bg-secondary:  #ffffff;
    --bg-card:       #ffffff;
    --bg-card-hover: #f8f9fa;
    --brand-primary: #28666e; /* Dalton's Teal */
    --brand-hover:   #1e4f55;
    
    /* Status Colors (Adapted for light theme) */
    --cyan:    #0ea5e9;
    --purple:  #6366f1;
    --pink:    #ec4899;
    --green:   #10b981;
    --amber:   #f59e0b;
    --red:     #ef4444;
    
    --grad-primary: linear-gradient(135deg, #28666e 0%, #3f7f8b 100%);
    
    --text-primary:   #16313d; /* Dalton's dark text */
    --text-secondary: #5d7682; /* Dalton's form-text */
    --text-muted:     #8ca4b0;
    
    --border:        rgba(22, 49, 61, 0.16); /* Dalton's form border */
    --border-bright: rgba(22, 49, 61, 0.25);
    
    --radius:     12px;
    --radius-lg:  20px; /* Dalton's 1.5rem radius */
    --transition: all .3s cubic-bezier(.4,0,.2,1);
    --shadow-card: 0 20px 60px rgba(9, 39, 58, 0.12); /* Dalton's shadow */
}

/* Update Body and Text */
body {
    font-family: 'Urbanist', sans-serif;
    background: var(--bg-primary);
    color: var(--text-primary);
}

/* Update the Auth Card */
.auth-card {
    background: var(--bg-card);
    border: none; /* Removing border to rely on Dalton's shadow */
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-card);
    padding: 2.5rem;
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* Update Inputs to match Dalton's .form-control */
.form-control-dark {
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 0.9rem;
    color: var(--text-primary);
    padding: .85rem 1rem;
    transition: var(--transition);
}
.form-control-dark:focus {
    outline: none;
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 0.2rem rgba(40, 102, 110, 0.25); /* Dalton's focus ring */
    background: #ffffff;
}