/* =========================================
   THEME: OLED (Pure Black & White)
   ========================================= */

:root {
    /* --- Core Palette (Dark Mode) --- */
    --md-primary: #ffffff;
    --md-on-primary: #000000;
    --md-primary-container: #333333;
    --md-on-primary-container: #ffffff;
    --md-secondary: #a0a0a0;
    --md-on-secondary: #000000;
    
    --md-background: #000000;
    --md-surface: #000000;
    --md-surface-variant: #121212;
    --md-on-surface: #ffffff;
    --md-on-surface-variant: #b0b0b0;
    
    --md-outline: #333333;
    --md-shadow-color: rgba(255, 255, 255, 0.1);
    --theme-icon-shadow: #ffffff;
    --hero-grid-color: rgba(255, 255, 255, 0.15);
    --spotlight-color: rgba(255, 255, 255, 0.12);
}

/* --- Light Mode (Paper - Pure White) --- */
body[data-theme='light'] {
    --md-primary: #000000;
    --md-on-primary: #ffffff;
    --md-primary-container: #e0e0e0;
    --md-on-primary-container: #000000;
    --md-secondary: #5f6368;
    --md-on-secondary: #ffffff;
    
    --md-background: #ffffff;
    --md-surface: #ffffff;
    --md-surface-variant: #f4f4f4;
    --md-on-surface: #000000;
    --md-on-surface-variant: #444444;
    
    --md-outline: #000000;
    --md-shadow-color: rgba(0, 0, 0, 0.15);
    --theme-icon-shadow: #000000;
    --hero-grid-color: rgba(0, 0, 0, 0.1);
    --spotlight-color: rgba(0, 0, 0, 0.18);
}

/* --- OLED Specific Visual Tweaks --- */
/* Ensure the theme swatch border is visible since background is black */
.swatch-shape {
    stroke: var(--md-outline);
    stroke-width: 1px;
    vector-effect: non-scaling-stroke;
}