/* ============================================================
   PONGUI CRM — Sistema de Design (tema escuro)
   Identidade oficial Pongui adaptada para fundo preto.
   Tudo em variáveis: trocar tema = trocar valores aqui.
   ============================================================ */

/* ---------- Fontes oficiais (embutidas) ---------- */
@font-face {
  font-family: "Oswald";
  src: url("../assets/fonts/Oswald.ttf") format("truetype");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Libre Franklin";
  src: url("../assets/fonts/LibreFranklin.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ----- Paleta de marca (exata) ----- */
  --pongui-blue: #0F5BC7;
  --offwhite:    #EFEEE9;
  --black:       #000000;
  --white:       #FFFFFF;
  --gray-text:   #3A3A3A;
  --gray-card:   #F2F2F2;

  /* ----- Tema escuro (adaptação para fundo preto) ----- */
  --bg:          #000000;
  --surface-1:   #0D0D0D;
  --surface-2:   #151515;
  --surface-3:   #1E1E1E;
  --surface-hover:#242424;

  --text:        var(--offwhite);          /* nunca branco puro */
  --text-muted:  rgba(239, 238, 233, 0.55);
  --text-dim:    rgba(239, 238, 233, 0.34);

  --line:        rgba(239, 238, 233, 0.08);
  --line-strong: rgba(239, 238, 233, 0.14);

  /* ----- Acento ----- */
  --accent:      var(--pongui-blue);
  --accent-text: #4D90F0;                   /* azul clareado p/ legibilidade no escuro */
  --accent-soft: rgba(15, 91, 199, 0.16);

  /* ----- Cores funcionais (status — fora da paleta de marca) ----- */
  --success:      #1FB573;
  --success-soft: rgba(31, 181, 115, 0.14);
  --danger:       #E5484D;
  --danger-soft:  rgba(229, 72, 77, 0.14);
  --warning:      #E0A23B;

  /* ----- Tipografia ----- */
  --font-title: "Oswald", "Arial Narrow", sans-serif;
  --font-body:  "Libre Franklin", -apple-system, Segoe UI, sans-serif;

  /* ----- Raio e sombra ----- */
  --radius-sm: 8px;
  --radius:    12px;
  --radius-lg: 16px;
  --shadow:    0 8px 30px rgba(0, 0, 0, 0.55);
}

/* ---------- Reset enxuto ---------- */
*, *::before, *::after { box-sizing: border-box; }

/* ---------- Helpers tipográficos ---------- */
.title {
  font-family: var(--font-title);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;            /* regra Pongui: nunca letterspacing */
  line-height: 0.98;
  color: var(--text);
  margin: 0;
}
.num {
  font-family: var(--font-title);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  color: var(--text);
}
.body {
  font-family: var(--font-body);
  font-weight: 400;
  color: var(--text);
}