/* Tokens visuais — Receptivo Hotéis
   Laranja medido na logo (LOGO 1 TRANPARENTE.png); petróleo medido no fundo do mockup. */
:root {
  --laranja: #fd4e00;
  --laranja-hover: #ff6a26;
  --petroleo-900: #001d22;
  --petroleo-800: #002a30;
  --petroleo-700: #0b3a40;
  --branco: #ffffff;
  --texto-suave: rgba(255, 255, 255, 0.86);
  --linha-clara: rgba(255, 255, 255, 0.5);
  --areia-50: #f6f4ef;
  --cinza-700: #33464a;

  --fonte: "Exo 2", system-ui, -apple-system, "Segoe UI", sans-serif;
  --peso-texto: 400;
  --peso-medio: 500;
  --peso-botao: 700;
  --peso-titulo: 700;

  --gutter: clamp(1rem, 4.2vw, 4.5rem);
  --largura-max: 1680px;
  --raio-pilula: 999px;
  --sombra-texto: 0 2px 18px rgba(0, 0, 0, 0.35);

  --duracao-troca: 600ms;
  --foco: 3px solid var(--laranja-hover);
}