/* Identidade visual CNT (azul-marinho + dourado), por cima do core.css.
   Cores extraídas do logo: azul #004466 e degradê dourado #f8d898 → #b8802f. */
:root{
  --bg:#031a28;
  --surface:#062a40;
  --surface-2:#0a3752;
  --line:#14506e;
  --text:#f3eee2;
  --text-dim:#a9c3d2;
  --text-faint:#6f93a8;
  --accent:#e0b878;
  --accent-dim:#b8802f;
  --accent-ink:#1a1206;
  --blue:#6db3e0;
  --red:#e0625a;
  --green:#5fbf7a;
  --cnt-navy:#004466;
  --cnt-gold-grad:linear-gradient(100deg,#f0d08e 0%,#b8802f 35%,#ffdf9c 65%,#d8a95f 100%);
}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    --bg:#eef3f6; --surface:#ffffff; --surface-2:#e0eaf0; --line:#c3d3dd;
    --text:#0b2233; --text-dim:#3d5a6d; --text-faint:#6f8796;
    --accent:#9a6a1c; --accent-dim:#e0b878; --accent-ink:#fff9ec;
    --blue:#004466; --red:#a53a33; --green:#2f7a4c;
  }
}
:root[data-theme="light"]{
  --bg:#eef3f6; --surface:#ffffff; --surface-2:#e0eaf0; --line:#c3d3dd;
  --text:#0b2233; --text-dim:#3d5a6d; --text-faint:#6f8796;
  --accent:#9a6a1c; --accent-dim:#e0b878; --accent-ink:#fff9ec;
  --blue:#004466; --red:#a53a33; --green:#2f7a4c;
}
:root[data-theme="dark"]{
  --bg:#031a28; --surface:#062a40; --surface-2:#0a3752; --line:#14506e;
  --text:#f3eee2; --text-dim:#a9c3d2; --text-faint:#6f93a8;
  --accent:#e0b878; --accent-dim:#b8802f; --accent-ink:#1a1206;
  --blue:#6db3e0; --red:#e0625a; --green:#5fbf7a;
}

/* logo da CNT no lugar do quadrado de logo do framework */
.hero{ background:
    radial-gradient(ellipse 900px 420px at 12% -15%, color-mix(in srgb, #e0b878 22%, transparent), transparent),
    radial-gradient(ellipse 700px 380px at 95% 110%, color-mix(in srgb, #004466 70%, transparent), transparent),
    linear-gradient(180deg, var(--surface), var(--bg) 88%); }
.hero-logo{ width:88px; height:88px; object-fit:contain; padding:8px; border-radius:14px; background:linear-gradient(160deg,var(--cnt-navy),var(--surface)); border:1.5px solid var(--accent-dim); box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent), 0 6px 20px rgba(0,0,0,.35); }
@media (max-width:520px){ .hero-logo{ width:64px; height:64px; } }
.hero-top .org{ margin-left:auto; display:flex; flex-direction:column; align-items:center; gap:4px; }
.hero-top .org span, .org-top span{ font-family:'JetBrains Mono', monospace; font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--text-faint); }
.hero-top .org img{ height:38px; width:auto; filter:drop-shadow(0 4px 14px rgba(0,0,0,.35)); }
@media (max-width:640px){ .hero-top .org{ display:none; } }
.hero h1 span{ background:var(--cnt-gold-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.tab-btn.active{ border-bottom-width:3px; }
.badge.final{ background:var(--cnt-gold-grad); color:#1a1206; }

/* selo "Organização / Powered by CNT" */
.powered{ display:inline-flex; align-items:center; gap:10px; margin-top:18px; padding:8px 14px; border:1px solid var(--line); border-radius:999px; background:color-mix(in srgb, var(--surface-2) 70%, transparent); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--text-dim); text-decoration:none; }
.powered img{ height:22px; width:auto; display:block; }
.powered:hover{ border-color:var(--accent); color:var(--text); }
footer .powered{ margin:10px 0 0; }

/* admin: topo e login */
.topbar .brand img.uhl, header.topbar .brand img.uhl{ height:38px; width:38px; object-fit:contain; padding:3px; border-radius:8px; background:linear-gradient(160deg,var(--cnt-navy),var(--surface)); border:1px solid var(--accent-dim); }
.org-top{ display:flex; align-items:center; gap:8px; margin-left:auto; margin-right:14px; }
.org-top img, header.topbar .org-top img{ height:26px; width:auto; border-radius:0; }
@media (max-width:640px){ .org-top span{ display:none; } header.topbar .org-top img{ height:20px; } }
.login-box img.uhl{ height:84px; width:84px; object-fit:contain; padding:8px; border-radius:14px; background:linear-gradient(160deg,var(--cnt-navy),var(--surface)); border:1.5px solid var(--accent-dim); }
.org-login{ display:flex; align-items:center; justify-content:center; gap:8px; margin:8px 0 14px; font-family:'JetBrains Mono', monospace; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--text-faint); }
.org-login img{ height:22px; width:auto; }

/* topo do site público mais compacto */
.hero{ padding:22px 28px 18px; }
.hero h1{ font-size:clamp(36px, 5.5vw, 60px); margin-top:4px; }
.hero-logo{ width:64px; height:64px; padding:6px; }
.hero p.lede{ font-size:15px; margin-top:8px; }
.eyebrow{ font-size:11px; }
@media (max-width:520px){ .hero{ padding:16px 16px 14px; } .hero-logo{ width:52px; height:52px; } }