/*
  Tokens do projeto Controle de KM da Bolsa.
  Familia escolhida: --cor-primaria (mais -suave, -escura, -hover, -texto), em tokens.css.
  Cor da marca: #36A9E1. PROIBIDO hex direto em template.
  PROVA: grep -rn "#36[Aa]9[Ee]1" templates/ volta vazio.
*/

:root {
  /* Marca */
  --cor-primaria:        #36A9E1;
  --cor-primaria-hover:  #2996C9;
  --cor-primaria-suave:  #E4F3FB;
  --cor-primaria-escura: #1876A3;
  --cor-primaria-texto:  #1A7CAC;

  /* Apoio do projeto (nao sao token novo, ficam registrados) */
  --verde-dentro:  #74B959;
  --ardosia:       #446B7E;

  /* Estados */
  --success: #16a34a;
  --danger:  #dc2626;
  --warning: #f59e0b;

  /* Neutros claro */
  --bg:         #f7f8fa;
  --bg-elev:    #ffffff;
  --surface:    #ffffff;
  --border:     #e5e7eb;
  --text:       #1f2937;
  --text-dim:   #6b7280;

  /* Tipografia */
  --font:        "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;
  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 15px;
  --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 26px;

  /* Espacos, raios, sombra */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;
  --radius: 10px; --radius-sm: 6px; --radius-lg: 16px;
  --shadow: 0 4px 16px rgba(15, 23, 42, 0.08);

  /* Casca */
  --sidebar-w: 248px;
  --topbar-h:  60px;
}

/* Tema escuro. Preferencia salva pelo tema.js em localStorage("tema"). */
:root[data-tema="dark"] {
  --bg:       #0d0f12;
  --bg-elev:  #14171c;
  --surface:  #1a1e24;
  --border:   #262b33;
  --text:     #e8eaed;
  --text-dim: #9aa0a8;
  --shadow:   0 8px 24px rgba(0, 0, 0, 0.35);

  /* Marca no escuro: mantem tom vivo, ajusta suave/escura */
  --cor-primaria-suave:  #1a2b34;
  --cor-primaria-texto:  #7fcaea;
}