/* ──────────────────────────────────────────────────────────
   DESIGN TOKENS — fonte única de verdade (portado 1:1 do
   ranqiahub-frontend/app/tokens.css). Referencie sempre com
   var(--token).
   ────────────────────────────────────────────────────────── */
:root {
  /* Superfícies */
  --bg: #f6f4ef;
  --surface: #ffffff;
  --surface-2: #faf8f3;

  /* Texto */
  --ink: #101826;
  --ink-2: #3a4658;
  --muted: #6b7888;
  --faint: #9aa6b4;

  /* Marca */
  --brand: #16140f;
  --brand-2: #9a7b2e;
  --brand-soft: #f4efe3;
  --gold: #c2a361;

  /* Verificação / sucesso */
  --verify: #1f9d62;
  --verify-soft: #e4f4ec;

  /* Acento */
  --accent: #9a7b2e;
  --accent-soft: #f3ead3;

  /* Neutro secundário */
  --titanium: #5b6473;

  /* Linhas */
  --line: #e3e8ef;
  --line-2: #edf1f6;

  /* Gradientes recorrentes */
  --grad-brand: linear-gradient(150deg, #c2a361, #16140f);
  --grad-hd: linear-gradient(135deg, #16140f, #c2a361);

  /* Tipografia — fontes de sistema (fiel à POC) */
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui,
    "Helvetica Neue", sans-serif;
  --serif: Georgia, "Iowan Old Style", serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;

  /* Layout */
  --wrap: 1180px;
}
