/* ==========================================================================
   DCC SYSTEM — Design tokens
   Paleta: azul institucional sobre fundo azul-marinho quase preto.
   Dourado reservado exclusivamente para condecorações/premiações —
   assim o "ouro" mantém peso simbólico em vez de virar decoração comum.
   ========================================================================== */
:root{
  --blue:      #2563eb;
  --blue-2:    #3b82f6;
  --blue-3:    #60a5fa;
  --blue-dim:  #1d4ed8;

  --gold:      #d4af37;
  --gold-2:    #f4d874;
  --gold-dim:  #8a6d1d;

  --bg:        #060b14;
  --bg-2:      #0a1220;
  --panel:     #0d1626;
  --panel-2:   #111f34;
  --panel-3:   #16283f;
  --line:      #1c2b40;
  --line-soft: #14203350;

  --text:      #eef4ff;
  --muted:     #8296b3;
  --muted-2:   #5c7290;

  --danger:    #ef4444;
  --ok:        #22c55e;
  --warn:      #f5a524;

  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 20px;
  --shadow:    0 20px 50px -12px rgba(0,0,0,.55);
  --shadow-sm: 0 8px 24px -8px rgba(0,0,0,.4);

  --sidebar-w: 264px;
  --topbar-h:  64px;

  --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-body:    'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
}

/* Tema claro: trocamos só os tokens, componentes não sabem a diferença */
body.light{
  --bg:        #eef3fb;
  --bg-2:      #f6f9fd;
  --panel:     #ffffff;
  --panel-2:   #f4f7fc;
  --panel-3:   #eaf0fa;
  --line:      #d9e2f0;
  --line-soft: #d9e2f050;
  --text:      #0b1526;
  --muted:     #5c6d85;
  --muted-2:   #8ea0ba;
  --shadow:    0 20px 50px -16px rgba(37,99,235,.16);
  --shadow-sm: 0 8px 20px -10px rgba(37,99,235,.14);
}

/* Presets de tema — trocam só o acento primário, mantêm a estrutura DCC.
   Aplicados via body[data-accent="..."] */
body[data-accent="gold"]{ --blue:#c9972f; --blue-2:#e0b04a; --blue-3:#f0cd7c; --blue-dim:#9c721c; }
body[data-accent="crimson"]{ --blue:#dc2f4a; --blue-2:#ef4a63; --blue-3:#f97a8e; --blue-dim:#a3182f; }
body[data-accent="emerald"]{ --blue:#16a06b; --blue-2:#22c081; --blue-3:#5fe0aa; --blue-dim:#0c7049; }

*,*::before,*::after{ box-sizing:border-box }
html,body{ height:100% }
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--font-body); font-size:14px; line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
button,input,textarea,select{ font:inherit; color:inherit }
button{ cursor:pointer }
a{ color:inherit }
::selection{ background:var(--blue); color:#fff }
::-webkit-scrollbar{ width:10px; height:10px }
::-webkit-scrollbar-thumb{ background:var(--line); border-radius:99px }
::-webkit-scrollbar-track{ background:transparent }

.hidden{ display:none !important }
.muted{ color:var(--muted) }
.eyebrow{ font:600 11px var(--font-body); letter-spacing:.04em; color:var(--muted-2) }

h1,h2,h3,h4{ margin:0; font-family:var(--font-display); font-weight:600; letter-spacing:.01em }