:root {
    /* DARK THEME (DEFAULT) - Premium Navy & Teal */
    --bg: #020617;
    /* Navy 950 */
    --surface-1: #0f172a;
    /* Navy 900 */
    --surface-2: #1e293b;
    /* Slate 800 */
    --surface-3: #334155;
    /* Slate 700 */

    --text-1: #f8fafc;
    /* Slate 50 */
    --text-2: #cbd5e1;
    /* Slate 300 */
    --muted: #64748b;
    /* Slate 500 */

    --border: rgba(255, 255, 255, 0.1);
    --divider: rgba(255, 255, 255, 0.05);

    --brand-primary: #1A7A70;
    /* Teal */
    --brand-secondary: #F4B942;
    /* Gold */
    --brand-contrast: #ffffff;

    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #3b82f6;

    --focus-ring: #1A7A70;
    /* Teal */

    --shadow-1: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
    --shadow-2: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 20px rgba(26, 122, 112, 0.3);

    --glass-bg: rgba(15, 23, 42, 0.6);
    --glass-border: rgba(255, 255, 255, 0.05);
}

[data-theme="light"] {
    /* LIGHT THEME - "Porcelain & Mint" Premium Palette */

    /* Backgrounds: Subtle Tint rather than flat white */
    --bg: #F0FDF9;
    /* Mint Cream - Very subtle Teal tint */

    /* Surfaces: High contrast white with subtle tint on secondary */
    --surface-1: #FFFFFF;
    /* Pure White Card */
    --surface-2: #E0F2FE;
    /* Pale Sky/Teal Mix for contrast areas */
    --surface-3: #CCFBF1;
    /* Stronger Teal Tint for active states */

    /* Typography: Deep Navy for high contrast & premium feel */
    --text-1: #020617;
    /* Navy 950 */
    --text-2: #334155;
    /* Slate 700 */
    --muted: #64748b;
    /* Slate 500 */

    /* Borders: Colored/Tinted borders instead of gray */
    --border: rgba(15, 118, 110, 0.15);
    /* Teal-tinted border */
    --divider: rgba(15, 118, 110, 0.08);

    /* Brand Colors: Slightly bolder for light mode visibility */
    --brand-primary: #0f766e;
    /* Teal 700 - Richer Teal */
    --brand-secondary: #b45309;
    /* Amber 700 - Richer Gold/Amber */
    --brand-contrast: #ffffff;

    /* Status Colors */
    --success: #059669;
    --warning: #d97706;
    --danger: #dc2626;
    --info: #2563eb;

    --focus-ring: #0f766e;

    /* Premium Colored Shadows */
    --shadow-1: 0 4px 6px -1px rgba(15, 118, 110, 0.05), 0 2px 4px -1px rgba(15, 118, 110, 0.03);
    --shadow-2: 0 10px 15px -3px rgba(15, 118, 110, 0.08), 0 4px 6px -2px rgba(15, 118, 110, 0.04);
    --shadow-glow: 0 0 25px rgba(15, 118, 110, 0.15);
    /* Visible Teal Glow even in light mode */

    /* Glass Effect: Icy/Crystalline look */
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(15, 118, 110, 0.1);
}

/* Base resets for strictly defining theme usage */
body {
    background-color: var(--bg);
    color: var(--text-1);
    border-color: var(--border);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Accessibility Focus Ring */
*:focus-visible {
    outline: 2px solid var(--focus-ring);
    outline-offset: 2px;
}