/* ==========================================================================
   IDENTIDADE VISUAL - ÁREA DO JOVEM
   Unifica as cores das páginas do jovem (dashboard, perfil, currículo,
   vagas, candidaturas etc.) com a paleta oficial usada na página inicial
   (css/style.css). Este arquivo deve ser carregado por último em cada
   página para sobrescrever os tons divergentes definidos em dashboard.css,
   dashboard-theme.css, sistema-visual-v6.css, final-polish.css,
   revisao-final.css, clareza-site.css, profissional.css, perfil.css,
   perfil-jovem.css e editar-perfil.css.
   ========================================================================== */

:root{
    /* --- Paleta oficial (igual à página inicial) --- */
    --primary:#7C3AED;
    --primary-dark:#4C1D95;
    --secondary:#0F766E;
    --dark:#0B1730;
    --text:#24324A;
    --gray:#64748B;
    --light:#F7FAFC;
    --white:#FFFFFF;
    --border:#DDE7F0;
    --gradient:linear-gradient(135deg,#7C3AED,#2563EB,#0F766E);
    --shadow:0 15px 40px rgba(15,23,42,.08);
    --radius:18px;
    --transition:.3s ease;

    /* --- Aliases usados pelos outros arquivos CSS do projeto --- */
    --blue:#2563EB;
    --orange:#F59E0B;
    --success:#16A34A;
    --danger:#DC2626;
    --shadow-hover:0 20px 40px rgba(15,23,42,.12);

    /* prefixo "cj-" (dashboard-theme.css, sistema-visual-v6.css, final-polish.css,
       revisao-final.css, clareza-site.css, dashboard-recursos.css) */
    --cj-primary:#7C3AED;
    --cj-primary-dark:#4C1D95;
    --cj-primary-hover:#4C1D95;
    --cj-primary-2:#4C1D95;
    --cj-primary-soft:#F1EEFF;
    --cj-primary-clear:#7C3AED;
    --cj-secondary:#0F766E;
    --cj-blue:#2563EB;
    --cj-orange:#F59E0B;
    --cj-accent:#0F766E;
    --cj-dark:#0B1730;
    --cj-ink:#0B1730;
    --cj-text:#24324A;
    --cj-text-2:#24324A;
    --cj-gray:#64748B;
    --cj-muted:#64748B;
    --cj-light:#F7FAFC;
    --cj-bg:#F7FAFC;
    --cj-page:#F7FAFC;
    --cj-white:#FFFFFF;
    --cj-surface:#FFFFFF;
    --cj-surface-2:#F1F5F9;
    --cj-border:#DDE7F0;
    --cj-border-clear:#DDE7F0;
    --cj-border-strong:#C9D6E3;
    --cj-line:#DDE7F0;
    --cj-success:#16A34A;
    --cj-danger:#DC2626;
    --cj-warning:#D97706;
    --cj-shadow:0 15px 40px rgba(15,23,42,.08);
    --cj-shadow-hover:0 20px 40px rgba(15,23,42,.12);
    --cj-radius:18px;
    --cj-transition:.3s ease;

    /* usados em profissional.css */
    --cj-soft:#F1EEFF;

    /* usados em perfil-jovem.css / editar-perfil.css (variáveis curtas) */
    --p:#7C3AED;
    --pd:#4C1D95;
    --ink:#0B1730;
    --line:#DDE7F0;
    --soft:#F1EEFF;
    --green:#0F766E;
    --bg:#F7FAFC;

    /* usados indevidamente por páginas que herdam empresa-dashboard.css */
    --azul:#2563EB;
    --azul-claro:#3B82F6;
    --azul-escuro:#1D4ED8;
    --verde:#16A34A;
    --vermelho:#DC2626;
    --laranja:#F59E0B;
    --fundo:#F7FAFC;
    --branco:#FFFFFF;
    --cinza:#64748B;
    --texto:#24324A;
    --borda:#DDE7F0;
    --sombra:0 15px 40px rgba(15,23,42,.08);
}

/* --- Fundo geral das páginas da área do jovem --- */
body{
    background:var(--light) !important;
}

/* --- Estados de foco (formulários) alinhados ao roxo da home --- */
input:focus,
select:focus,
textarea:focus{
    border-color:var(--primary) !important;
    outline:3px solid rgba(124,58,237,.14) !important;
    box-shadow:0 0 0 1px var(--primary) !important;
}

:focus-visible{
    outline-color:rgba(124,58,237,.4) !important;
}

.senha-toggle:hover{
    color:var(--primary-dark) !important;
}

/* --- Sidebar / menu lateral do jovem --- */
.sidebar:not(.sidebar-empresa) nav a.ativo,
.sidebar:not(.sidebar-empresa) nav a:hover{
    color:var(--primary) !important;
}

/* --- Ícones e destaques em degradê que usavam tons roxo/azul antigos --- */
.vaga-icone{
    background:linear-gradient(135deg,var(--primary),var(--primary-dark)) !important;
}

.perfil-topo{
    background:linear-gradient(135deg,#7C3AED 0%,#2563EB 55%,#0F766E 150%) !important;
    box-shadow:0 22px 55px rgba(124,58,237,.22) !important;
}

.btn-upload{
    background:linear-gradient(135deg,var(--primary),#2563EB) !important;
}

/* --- Badges / tags que ficaram com azul isolado --- */
.tag{
    background:var(--cj-soft) !important;
    color:var(--primary-dark) !important;
    border-color:#DDD4FF !important;
}

/* --- Barra de progresso do perfil --- */
.barra span{
    background:linear-gradient(90deg,var(--primary),var(--secondary)) !important;
}