/*
 * Rei Resolve — tokens visuais (Guia de Identidade Visual Digital v0.1, Direção B).
 * Escopo isolado em .rr-scope; nada vaza para o tema.
 */
.rr-scope {
  /* marca (observada no site, preservada) */
  --rr-color-brand: #e31e25;
  --rr-color-brand-deep: #b8161c;
  --rr-color-accent: #ffd02b;
  --rr-color-accent-tint: #fff4cc;
  --rr-color-accent-text: #6b5500;

  /* ação dentro do site */
  --rr-color-action: #1f3550;
  --rr-color-action-hover: #172a40;
  --rr-color-action-soft: #334862;
  --rr-color-action-tint: #eef2f7;

  /* conversa (somente botões que abrem o WhatsApp) */
  --rr-color-talk: #0f7a3f;
  --rr-color-talk-hover: #0b5e30;

  /* base */
  --rr-color-ink: #1a1d21;
  --rr-color-body: #3b4148;
  --rr-color-muted: #5b6470;
  --rr-color-surface: #ffffff;
  --rr-color-surface-soft: #f7f5f2;
  --rr-color-sand: #e9e4dc;
  --rr-color-border: #dcd8d2;
  --rr-color-disabled: #a7adb5;
  --rr-color-disabled-soft: #eef0f2;
  --rr-color-focus: #1f3550;

  /* semáforo */
  --rr-color-stop: #b8161c;
  --rr-color-stop-soft: #fbe9ea;
  --rr-color-stop-border: #f1c2c4;
  --rr-color-evaluate: #6b5500;
  --rr-color-evaluate-soft: #fff4cc;
  --rr-color-evaluate-border: #f0dc8a;
  --rr-color-proceed: #15752f;
  --rr-color-proceed-soft: #dcefe0;
  --rr-color-proceed-border: #bfe0c6;

  /* tipografia */
  --rr-font: "IBM Plex Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* escala de 4 px */
  --rr-space-1: 0.25rem;
  --rr-space-2: 0.5rem;
  --rr-space-3: 0.75rem;
  --rr-space-4: 1rem;
  --rr-space-5: 1.5rem;
  --rr-space-6: 2rem;
  --rr-space-7: 3rem;
  --rr-space-8: 4rem;

  /* cantos e sombras */
  --rr-radius-sm: 0.375rem;
  --rr-radius-md: 0.5rem;
  --rr-radius-lg: 0.75rem;
  --rr-shadow-float: 0 -0.375rem 1.125rem rgba(26, 29, 33, 0.12);
  --rr-shadow-hover: 0 0.375rem 1.125rem rgba(31, 53, 80, 0.1);

  --rr-max-width: 80rem;

  color: var(--rr-color-ink);
  font-family: var(--rr-font);
  font-size: 1rem;
  line-height: 1.55;
}