/* 
   TENET CORE ENGINE v1.0 
   Design System Baseado no MIV e Inspiração Ionic
*/

:root {
    /* MIV Dark Mode (Padrão) */
    --tenet-bg: #020617;
    --tenet-text: #f1f5f9;
    --tenet-text-muted: #94a3b8;
    --tenet-border: rgba(255, 255, 255, 0.1);
    --tenet-card: rgba(30, 41, 59, 0.4);
    --tenet-accent: #6366f1;
    --tenet-accent-hover: #818cf8;
    --tenet-glass: blur(16px);
    --tenet-radius: 20px;
    --tenet-input-bg: rgba(255, 255, 255, 0.05);
    --tenet-input-border: rgba(255, 255, 255, 0.1);
}

[data-theme="light"] {
    /* MIV Light Mode (Acender a Luz) */
    --tenet-bg: #f8fafc;
    --tenet-text: #0f172a;
    --tenet-text-muted: #64748b;
    --tenet-border: #e2e8f0;
    --tenet-card: #ffffff;
    --tenet-accent: #4f46e5;
    --tenet-accent-hover: #4338ca;
    --tenet-glass: none;
    --tenet-input-bg: #f1f5f9;
    --tenet-input-border: #cbd5e1;
}

body {
    background-color: var(--tenet-bg);
    color: var(--tenet-text);
    font-family: 'Assistant', sans-serif;
    transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1), color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.tenet-geometric { font-family: 'Secular One', sans-serif; }

.tenet-card {
    background: var(--tenet-card);
    backdrop-filter: var(--tenet-glass);
    -webkit-backdrop-filter: var(--tenet-glass);
    border: 1px solid var(--tenet-border);
    border-radius: var(--tenet-radius);
    padding: 1.5rem;
    transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

[data-theme="light"] .tenet-card {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02) !important;
}

/* Inputs Adaptativos */
.tenet-input {
    background-color: var(--tenet-input-bg) !important;
    border: 1px solid var(--tenet-input-border) !important;
    color: var(--tenet-text) !important;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
    outline: none;
}
.tenet-input:focus {
    border-color: var(--tenet-accent) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
}

/* Branding Adaptativo */
.tenet-logo-box {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.2);
}
.tenet-brand-text { color: rgba(255, 255, 255, 0.7); }

[data-theme="light"] .tenet-logo-box {
    background: #e2e8f0;
    color: #4f46e5;
    border-color: rgba(0,0,0,0.05);
}
[data-theme="light"] .tenet-brand-text { color: #475569; }

/* Forçar Logo Clara */
.tenet-brand-light .tenet-logo-box { background: rgba(255, 255, 255, 0.1); color: #fff; border-color: rgba(255, 255, 255, 0.2); }
.tenet-brand-light .tenet-brand-text { color: rgba(255, 255, 255, 0.8); }

/* Modais de Perfil */
.modal-content.tenet-card {
    background: var(--tenet-card) !important;
}
[data-theme="light"] .modal-content.tenet-card {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
}

[x-cloak] { display: none !important; }