/* ===========================================================
   Lumaris Studios — Theme Variables
   Full Light / Dark Toggle Support
   =========================================================== */

/* -------------------------------
   DEFAULT THEME (DARK)
-------------------------------- */
:root {
    --color-bg: #111111;
    --color-panel: #1C1C1C;
    --color-text: #FAFAFA;
    --color-muted: #C9C9C9;
    --color-accent: #D6B15E;
    --color-accent-dk: #4E3820;

    --radius: 16px;
    --space: clamp(0.75rem, 2vw, 1.25rem);
    --max-width: 1100px;

    --fs-1: clamp(2rem, 6vw, 3.8rem);
    --fs-2: clamp(1.4rem, 3vw, 2rem);
    --fs-3: clamp(1rem, 2vw, 1.125rem);

    --shadow-lg: 0 0 24px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 0 12px rgba(0, 0, 0, 0.35);
}

/* -------------------------------
   AUTO LIGHT THEME (system)
-------------------------------- */
@media (prefers-color-scheme: light) {
    :root {
        --color-bg: #FAFAF7;
        --color-panel: #FFFFFF;
        --color-text: #1A1A1A;
        --color-muted: #6B6B6B;
        --color-accent: #C79B3B;
        --color-accent-dk: #8A6A2E;

        --shadow-lg: 0 0 24px rgba(0, 0, 0, 0.1);
        --shadow-md: 0 0 12px rgba(0, 0, 0, 0.05);
    }
}

/* -------------------------------
   MANUAL DARK OVERRIDE
-------------------------------- */
[data-theme="dark"] {
    --color-bg: #111111;
    --color-panel: #1C1C1C;
    --color-text: #FAFAFA;
    --color-muted: #C9C9C9;
    --color-accent: #D6B15E;
    --color-accent-dk: #4E3820;

    --shadow-lg: 0 0 24px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 0 12px rgba(0, 0, 0, 0.35);
}

/* -------------------------------
   MANUAL LIGHT OVERRIDE
-------------------------------- */
[data-theme="light"] {
    --color-bg: #FAFAF7;
    --color-panel: #FFFFFF;
    --color-text: #1A1A1A;
    --color-muted: #6B6B6B;
    --color-accent: #C79B3B;
    --color-accent-dk: #8A6A2E;

    --shadow-lg: 0 0 24px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 0 12px rgba(0, 0, 0, 0.05);
}