/* =====================================================================
   FICHA DE PRESENÇA v2 — TOKENS DE DESIGN
   Tudo o que define a aparência mora aqui. Para trocar cor, fonte ou
   logotipo, altere estas variáveis; o resto do CSS só as consome.
   ===================================================================== */
:root {
  /* Tipografia */
  --font-ui: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-doc: Arial, Helvetica, sans-serif;          /* documento impresso */
  --fs-xs: 12px; --fs-sm: 13px; --fs-md: 14px; --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 26px;

  /* Cores institucionais (neutras) */
  --c-primary: #1F3A5F;        /* azul-marinho: cabeçalhos, botões principais */
  --c-primary-700: #16304F;
  --c-primary-100: #E6EDF5;
  --c-accent: #2A7F8F;         /* verde-azulado: destaques discretos */
  --c-accent-100: #E3F1F3;

  /* Neutros */
  --c-bg: #F3F5F7;
  --c-surface: #FFFFFF;
  --c-surface-2: #F8FAFC;
  --c-border: #D9E0E7;
  --c-border-strong: #B9C4CF;
  --c-text: #1B2430;
  --c-text-muted: #5B6B7B;
  --c-text-faint: #8A98A6;

  /* Semânticas */
  --c-success: #1E7F4F; --c-success-bg: #E6F4EC;
  --c-warn: #8A5A00;    --c-warn-bg: #FFF4DB;
  --c-danger: #B42318;  --c-danger-bg: #FDECEC;
  --c-info: #1F3A5F;    --c-info-bg: #EAF1F8;

  /* Forma */
  --radius: 10px; --radius-sm: 6px; --radius-lg: 14px;
  --shadow-sm: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08);
  --shadow-md: 0 6px 18px rgba(16,24,40,.10);
  --gap: 16px;

  /* Logotipos (caminhos relativos ao index.html) */
  --logo-contratada: url("../assets/logo-trajeto.png");
  --logo-grupo: url("../assets/logo-monte-azul.png");

  /* Documento impresso */
  --doc-ink: #000;
  --doc-rule: #000;
  --doc-muted: #555;
  --doc-row-h: 6.9mm;          /* altura das linhas das tabelas da ficha */
}