/**
 * Student Light Theme Override (YogiOnline)
 * Load AFTER theme.css + login.css on student-facing pages that still use the
 * legacy black-gold theme.css (forgot/reset password, plans, checkout).
 * Redefines theme.css design tokens to the light palette so admin (which also
 * uses theme.css) is left untouched.
 */
:root {
    /* Backgrounds */
    --bg-primary: #F8FAFF;
    --bg-secondary: #F2F6FF;
    --bg-card: #FFFFFF;
    --bg-card-hover: #F2F6FF;
    --bg-elevated: #FFFFFF;
    --bg-input: #F8FAFF;

    /* Accent (violet-blue kept under gold-* names) */
    --gold-primary: #6657F5;
    --gold-light: #3974F6;
    --gold-dark: #4B3FD6;
    --gold-muted: #8B95AA;
    --gold-glow: rgba(102, 87, 245, 0.25);

    /* Text */
    --text-primary: #111B35;
    --text-secondary: #5D6880;
    --text-muted: #656F8A;
    --text-on-gold: #FFFFFF;

    /* Borders */
    --border-default: #E4E9F2;
    --border-light: #EEF1F7;
    --border-gold: rgba(102, 87, 245, 0.35);

    /* Status */
    --success: #20B978;
    --success-bg: rgba(32, 185, 120, 0.14);
    --error: #F35D6D;
    --error-bg: rgba(243, 93, 109, 0.14);
    --warning: #FF9D3D;
    --warning-bg: rgba(255, 157, 61, 0.15);
    --info: #3974F6;
    --info-bg: rgba(57, 116, 246, 0.12);

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(17, 27, 53, 0.04);
    --shadow-md: 0 4px 16px rgba(17, 27, 53, 0.06);
    --shadow-lg: 0 12px 32px rgba(17, 27, 53, 0.10);
    --shadow-gold: 0 8px 24px rgba(102, 87, 245, 0.22);

    /* Typography */
    --font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans Tamil', sans-serif;
}

body {
    background: var(--bg-primary);
    color: var(--text-primary);
}

/* login.css hardcoded darks / gold glows */
.login-wrapper,
.auth-wrapper,
.login-page,
body.login-body {
    background: linear-gradient(135deg, #F8FAFF 0%, #EEF2FF 50%, #F2F6FF 100%) !important;
}

/* Convert leftover gold radial glows to soft violet */
[class*="glow"],
.login-bg-glow,
.login-bg-glow-2 {
    background: radial-gradient(ellipse, rgba(102, 87, 245, 0.08) 0%, transparent 60%) !important;
}

/* Buttons/pills using gold gradient -> violet, ensure readable text */
.btn-primary,
.login-btn,
.auth-btn {
    color: #FFFFFF;
}

/* Cards get a soft border + shadow on light */
.auth-card,
.login-card,
.card {
    border: 1px solid var(--border-default);
    box-shadow: var(--shadow-lg);
}