/* circadian-themes.css — Time-based fatigue management themes */

/* ── Dawn: Warm, high contrast ── */
.theme-dawn {
    --bg-primary: #fdf8f0;
    --bg-secondary: #f5ede0;
    --text-primary: #2c1810;
    --text-muted: #7a6555;
    --border-color: #d4c4b0;
    --color-active: #c77b3f;
}

/* ── Day: Neutral, full saturation (default) ── */
.theme-day {
    /* Uses bloomberg.css defaults */
}

/* ── Dusk: Reduced blue, softer ── */
.theme-dusk {
    --bg-primary: #f5f0eb;
    --bg-secondary: #ebe4db;
    --text-primary: #2a2520;
    --text-muted: #6e645a;
    --border-color: #c9bfb5;
    --color-active: #8b6b4a;
}

/* ── Night: High contrast, minimal color ── */
.theme-night {
    --bg-primary: #1a1a1a;
    --bg-secondary: #242424;
    --text-primary: #e0e0e0;
    --text-muted: #888;
    --border-color: #333;
    --color-active: #6bb3e0;
}

.theme-night .header-bar,
.theme-night .sidebar {
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

.theme-night .tile {
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

.theme-night .tile-header {
    background: rgba(255, 255, 255, 0.03);
}

/* ── Fatigue Level 1: Subtle dimming (30min-2hr) ── */
.theme-fatigue-1 {
    --fatigue-saturation: 90%;
}

.theme-fatigue-1 .tile:not(:hover):not(.tile--pinned) {
    opacity: 0.95;
}

/* ── Fatigue Level 2: Moderate reduction (2-4hr) ── */
.theme-fatigue-2 {
    --fatigue-saturation: 75%;
}

.theme-fatigue-2 .tile:not(:hover):not(.tile--pinned) {
    opacity: 0.85;
}

.theme-fatigue-2 .tile--compressed {
    opacity: 0.7;
}

/* ── Fatigue Level 3: Maximum density mode (4hr+) ── */
.theme-fatigue-3 {
    --fatigue-saturation: 60%;
    filter: saturate(0.7);
}

.theme-fatigue-3 .tile:not(:hover):not(.tile--pinned) {
    opacity: 0.75;
}

.theme-fatigue-3 .tile--compressed {
    opacity: 0.5;
}

/* Break reminder that appears at fatigue level 3 */
.theme-fatigue-3::after {
    content: 'SESSION > 4HR — CONSIDER A BREAK';
    position: fixed;
    bottom: 8px;
    right: 8px;
    font-family: var(--font-mono);
    font-size: var(--text-3xs);
    letter-spacing: 0.1em;
    color: var(--text-muted);
    padding: 4px 8px;
    border: 1px solid var(--border-color);
    border-radius: 2px;
    background: var(--bg-primary);
    z-index: 10000;
    pointer-events: none;
    opacity: 0.7;
}