/* Rezervo — Design tokens
   Fonte da verdade: BRAND.md. Não adicionar cores novas aqui.
   Fontes: Montserrat (títulos/destaques) + Lato (corpo) — Google Fonts. */

:root {
  /* Marca — principais */
  --rz-blue: #4ca9df;          /* azul claro · principal */
  --rz-blue-vivid: #25b1ff;    /* variante viva */
  --rz-navy: #242958;          /* azul escuro · principal */
  --rz-navy-deep: #000068;     /* variante profunda */

  /* Marca — secundária (detalhe, nunca protagonista) */
  --rz-green: #acc90f;
  --rz-green-light: #c6dd1b;

  /* Tons autorizados do azul claro (75 / 50 / 25%) */
  --rz-blue-75: color-mix(in srgb, #4ca9df 75%, #fff);
  --rz-blue-50: color-mix(in srgb, #4ca9df 50%, #fff);
  --rz-blue-25: color-mix(in srgb, #4ca9df 25%, #fff);

  /* Neutros e superfícies */
  --rz-bg: #eef3f9;
  --rz-surface: #ffffff;
  --rz-surface-soft: #f7fafd;
  --rz-chip: #e7f1fa;
  --rz-border: #e3e8f2;
  --rz-border-card: rgba(36, 41, 88, 0.06);

  /* Texto */
  --rz-ink: #242958;
  --rz-text: #5a6089;
  --rz-text-muted: #8990b3;
  --rz-text-faint: #9aa1bf;

  /* Sobre fundo escuro */
  --rz-on-dark-text: #c3c8e4;
  --rz-on-dark-blue: #6cc0ef;
  --rz-on-dark-green: #b7d43a;

  /* Feedback */
  --rz-ok-bg: #f2f9f0;
  --rz-ok-text: #7f960b;
  --rz-err-bg: #fdf1f2;
  --rz-err-text: #c0424e;

  /* Tipografia */
  --rz-font-display: 'Montserrat', system-ui, sans-serif;
  --rz-font-body: 'Lato', system-ui, sans-serif;

  /* Forma e elevação */
  --rz-radius-sm: 12px;
  --rz-radius: 20px;
  --rz-radius-lg: 28px;
  --rz-radius-pill: 999px;
  --rz-shadow-card: 0 24px 60px -40px rgba(36, 41, 88, 0.4);
  --rz-shadow-hero: 0 24px 60px -30px rgba(36, 41, 88, 0.45);
}