/**
 * theme.css - Sistema de Tema Dia/Noite
 * Versão: 1.0 (PHP 8.2)
 */

/* ===== TEMA NOITE (PADRÃO) ===== */
:root {
    --bg: #0f1117;
    --bg-card: #1a1d27;
    --bg-card-alt: #22252f;
    --bg-input: #22252f;
    --bg-hover: #2a2d3a;
    --border: #2a2d3a;
    --text: #e8e9ed;
    --text-dim: #8b8fa3;
    --text-muted: #5c5f73;
    --accent: #dc3545;
    --accent-hover: #c62d3e;
    --accent-glow: rgba(220, 53, 69, 0.2);
    --green: #10b981;
    --green-glow: rgba(16, 185, 129, 0.15);
    --blue: #3b82f6;
    --orange: #f97316;
    --radius: 14px;
    --radius-sm: 10px;
}

/* ===== TEMA DIA ===== */
html.theme-light {
    --bg: #f8f9fa;
    --bg-card: #ffffff;
    --bg-card-alt: #f0f2f5;
    --bg-input: #f0f2f5;
    --bg-hover: #e8eaed;
    --border: #e0e2e6;
    --text: #1a1a1a;
    --text-dim: #666666;
    --text-muted: #999999;
    --accent: #dc3545;
    --accent-hover: #c62d3e;
    --accent-glow: rgba(220, 53, 69, 0.1);
    --green: #10b981;
    --green-glow: rgba(16, 185, 129, 0.1);
    --blue: #3b82f6;
    --orange: #f97316;
    --radius: 14px;
    --radius-sm: 10px;
}

/* ===== SOMBRAS ADAPTATIVAS ===== */
:root {
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
}

html.theme-light {
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.08);
}

/* ===== TRANSIÇÃO SUAVE ENTRE TEMAS ===== */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Evitar transição em elementos específicos */
.progress-step,
.status-dot,
.spinner {
    transition: none;
}

/* ===== LOGOS ADAPTATIVAS AO TEMA ===== */
/* Logo para light mode - visível por padrão */
.logo-light {
    display: block;
}

.logo-dark {
    display: none;
}

/* Logo para dark mode */
html:not(.theme-light) .logo-light {
    display: none;
}

html:not(.theme-light) .logo-dark {
    display: block;
}

/* Logo para light mode (explícito) */
html.theme-light .logo-light {
    display: block;
}

html.theme-light .logo-dark {
    display: none;
}