/* ============================================================
   Lumina Brand Tokens — SYNCED FROM lumina-brand/tokens.css v1.0
   DO NOT EDIT THIS FILE. Source of truth lives in
   C:\ProjetosClaude\lumina-brand\tokens.css
   To update: edit upstream, copy back, bump brand-guidelines.md
   ============================================================ */

:root {
  /* --- Cores ---------------------------------------------- */
  --lumina-navy: #0B1F3A;       /* dominante institucional */
  --lumina-gold: #D4A24C;       /* accent — nunca dominante */
  --lumina-paper: #FAFAF7;      /* canvas off-white */
  --lumina-ink: #1A1A1A;        /* texto principal sobre paper */
  --lumina-muted: #6B7280;      /* texto secundário, captions */
  --lumina-success: #2D6A4F;    /* aprova, positivo */
  --lumina-warning: #B45309;    /* atenção (distinto do gold) */
  --lumina-error: #9F1239;      /* rejeita, negativo */
  --lumina-zebra: #F5F4EE;      /* linhas alternadas em tabela */

  /* Variantes derivadas (uso interno em UI, não nominais) */
  --lumina-navy-90: rgba(11, 31, 58, 0.9);
  --lumina-navy-12: rgba(11, 31, 58, 0.12);  /* borders sobre paper */
  --lumina-gold-15: rgba(212, 162, 76, 0.15);  /* fundo de KPI hero */
  --lumina-paper-on-navy: rgba(250, 250, 247, 0.85);  /* texto secundário sobre navy */

  /* --- Tipografia ---------------------------------------- */
  --lumina-font-display: "Source Serif 4", "Source Serif Pro", "Iowan Old Style", "Apple Garamond", Baskerville, Georgia, serif;
  --lumina-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --lumina-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  /* Escala (base 16px) */
  --lumina-size-display: 56px;
  --lumina-size-h1: 36px;
  --lumina-size-h2: 24px;
  --lumina-size-h3: 18px;
  --lumina-size-body-lg: 18px;
  --lumina-size-body: 16px;
  --lumina-size-small: 13px;
  --lumina-size-micro: 11px;

  --lumina-line-display: 1.05;
  --lumina-line-h1: 1.15;
  --lumina-line-h2: 1.25;
  --lumina-line-h3: 1.35;
  --lumina-line-body-lg: 1.55;
  --lumina-line-body: 1.5;
  --lumina-line-small: 1.45;
  --lumina-line-micro: 1.4;

  /* --- Pesos ---------------------------------------------- */
  --lumina-weight-regular: 400;
  --lumina-weight-medium: 500;
  --lumina-weight-semibold: 600;

  /* --- Espaçamento (escala 4px) -------------------------- */
  --lumina-space-1: 4px;
  --lumina-space-2: 8px;
  --lumina-space-3: 12px;
  --lumina-space-4: 16px;
  --lumina-space-5: 24px;
  --lumina-space-6: 32px;
  --lumina-space-7: 48px;
  --lumina-space-8: 64px;

  /* --- Raio de borda ------------------------------------- */
  --lumina-radius-sm: 4px;
  --lumina-radius-md: 8px;
  --lumina-radius-lg: 12px;

  /* --- Sombras (sutis) ----------------------------------- */
  --lumina-shadow-sm: 0 1px 2px rgba(11, 31, 58, 0.06);
  --lumina-shadow-md: 0 2px 8px rgba(11, 31, 58, 0.08);
  --lumina-shadow-lg: 0 8px 24px rgba(11, 31, 58, 0.12);
}

/* ============================================================
   Helpers tipográficos canônicos.
   Aplicar via classe quando preferir não montar selector próprio.
   ============================================================ */

.lumina-display {
  font-family: var(--lumina-font-display);
  font-weight: var(--lumina-weight-semibold);
  font-size: var(--lumina-size-display);
  line-height: var(--lumina-line-display);
  letter-spacing: -0.01em;
  color: var(--lumina-navy);
}

.lumina-h1 {
  font-family: var(--lumina-font-display);
  font-weight: var(--lumina-weight-semibold);
  font-size: var(--lumina-size-h1);
  line-height: var(--lumina-line-h1);
  color: var(--lumina-navy);
}

.lumina-h2 {
  font-family: var(--lumina-font-display);
  font-weight: var(--lumina-weight-semibold);
  font-size: var(--lumina-size-h2);
  line-height: var(--lumina-line-h2);
  color: var(--lumina-navy);
}

.lumina-h3 {
  font-family: var(--lumina-font-body);
  font-weight: var(--lumina-weight-semibold);
  font-size: var(--lumina-size-h3);
  line-height: var(--lumina-line-h3);
  color: var(--lumina-ink);
}

.lumina-body-lg {
  font-family: var(--lumina-font-body);
  font-weight: var(--lumina-weight-regular);
  font-size: var(--lumina-size-body-lg);
  line-height: var(--lumina-line-body-lg);
  color: var(--lumina-ink);
}

.lumina-body {
  font-family: var(--lumina-font-body);
  font-weight: var(--lumina-weight-regular);
  font-size: var(--lumina-size-body);
  line-height: var(--lumina-line-body);
  color: var(--lumina-ink);
}

.lumina-small {
  font-family: var(--lumina-font-body);
  font-weight: var(--lumina-weight-regular);
  font-size: var(--lumina-size-small);
  line-height: var(--lumina-line-small);
  color: var(--lumina-muted);
}

.lumina-micro {
  font-family: var(--lumina-font-body);
  font-weight: var(--lumina-weight-medium);
  font-size: var(--lumina-size-micro);
  line-height: var(--lumina-line-micro);
  color: var(--lumina-muted);
  letter-spacing: 0.02em;
}

/* Numerais tabulares — para tabelas, KPIs, percentuais */
.lumina-tnum {
  font-feature-settings: "tnum" 1, "lnum" 1;
  font-variant-numeric: tabular-nums lining-nums;
}

/* Eyebrow / pré-título */
.lumina-eyebrow {
  font-family: var(--lumina-font-body);
  font-weight: var(--lumina-weight-semibold);
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--lumina-gold);
}