/* ReetHost — Design tokens
   Fonte única de verdade para cor, tipografia, espaço, forma e movimento.
   Nenhum valor hexadecimal deve aparecer fora deste arquivo. */

:root {
  /* ---- Superfícies (do mais fundo ao mais próximo) ---- */
  --rh-bg-900: #050c2e;
  --rh-bg-800: #081e6e;
  --rh-bg-700: #0e2475;
  --rh-bg-600: #1b2d7a;
  --rh-surface: #0b1440;
  --rh-surface-2: #101a4d;
  --rh-surface-alt: #ecf4fc;

  /* ---- Marca ---- */
  --rh-primary: #1062fe;
  --rh-primary-600: #0c70de;
  --rh-primary-700: #0470df;
  --rh-primary-300: #66a1ff;
  --rh-accent-a: #cc0052;
  --rh-accent-b: #8a00e6;
  --rh-grad-brand: linear-gradient(90deg, var(--rh-accent-a), var(--rh-accent-b));
  --rh-grad-hero: linear-gradient(135deg, #011a62 0%, #0940b3 100%);

  /* ---- Semânticos ---- */
  --rh-success: #5ac47f;
  --rh-danger: #ff6868;
  --rh-warning: #e1bf66;

  /* ---- Texto ---- */
  --rh-text: #f4f7ff;
  --rh-text-muted: #a9b3d4;
  --rh-text-dim: #8791b8;
  --rh-text-dark: #1a2233;

  /* ---- Linhas e ícones ---- */
  --rh-line: rgba(255, 255, 255, .10);
  --rh-line-strong: rgba(255, 255, 255, .18);
  --rh-icon-line: #8ea0d8;
  --rh-icon-white: #e8eeff;

  /* ---- Forma ---- */
  --rh-r-sm: 6px;
  --rh-r-md: 10px;
  --rh-r-lg: 16px;
  --rh-r-pill: 999px;

  /* ---- Espaço (escala 4pt) ---- */
  --rh-1: 4px;
  --rh-2: 8px;
  --rh-3: 12px;
  --rh-4: 16px;
  --rh-5: 24px;
  --rh-6: 32px;
  --rh-7: 48px;
  --rh-8: 64px;
  --rh-9: 96px;

  /* ---- Elevação ---- */
  --rh-shadow-1: 0 1px 2px rgba(0, 0, 0, .24);
  --rh-shadow-2: 0 8px 24px rgba(0, 0, 0, .32);
  --rh-shadow-glow: 0 0 0 1px rgba(16, 98, 254, .35), 0 12px 32px rgba(16, 98, 254, .18);

  /* ---- Movimento ---- */
  --rh-fast: 140ms;
  --rh-base: 220ms;
  --rh-slow: 420ms;
  --rh-ease: cubic-bezier(.2, .7, .3, 1);

  /* ---- Cores fixas de contraste e de terceiro ---- */
  --rh-on-primary: #fff;      /* texto sobre superfície primária/gradiente */
  --rh-whatsapp: #25d366;     /* cor de marca do WhatsApp (fixa por regra do terceiro) */
  --rh-whatsapp-ink: #05300f;

  /* ---- Layout ---- */
  --rh-container: 1200px;
  --rh-gutter: var(--rh-5);
  --rh-header-h: 68px;

  /* ---- Tipografia ---- */
  --rh-font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --rh-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --rh-fs-h1: clamp(2rem, 1.2rem + 3.2vw, 3.5rem);
  --rh-fs-h2: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);
  --rh-fs-h3: 1.25rem;
  --rh-fs-body: 1rem;
  --rh-fs-sm: .875rem;
  --rh-fs-xs: .75rem;
}