/* Findalead · tokens de marca
   Fonte única para a landing (raiz) e o app (webapp/). Paleta do Brand Kit:
   Obsidian Black #080808, Chrome Silver #CDCBCA, Laser Crimson Red #D41514. */
:root {
  --fl-black: #080808;
  --fl-silver: #cdcbca;
  --fl-red: #d41514;

  /* superfícies: degraus de tom sobre o preto */
  --fl-surface-0: #080808;
  --fl-surface-1: #0e0e0f;
  --fl-surface-2: #141415;
  --fl-surface-3: #1b1b1d;
  --fl-surface-4: #242427;

  /* texto */
  --fl-text: #f2f2f2;
  --fl-text-2: #b9b7b8;
  --fl-muted: #9a9a9a;
  --fl-faint: #6b6b6e;

  /* linhas */
  --fl-border: #242424;
  --fl-border-strong: #333336;

  /* vermelho: destaque, nunca a cor de tudo. O #D41514 não passa 4,5:1 em texto pequeno
     sobre preto; para texto vermelho usa-se --fl-red-text. */
  --fl-red-hover: #e5201f;
  --fl-red-deep: #7a0b0a;
  --fl-red-text: #ff5b52;
  --fl-red-glow: rgba(212, 21, 20, 0.35);
  --fl-red-wash: rgba(212, 21, 20, 0.1);

  /* estados */
  --fl-ok: #3ccf8e;
  --fl-warn: #f2b84b;
  --fl-focus: #ff5b52;

  --fl-font: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --fl-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;

  --fl-radius-s: 8px;
  --fl-radius-m: 12px;
  --fl-radius-l: 18px;
  --fl-radius-xl: 24px;
  --fl-radius-pill: 999px;

  --fl-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --fl-ease-io: cubic-bezier(0.65, 0, 0.35, 1);
}