:root {
  color-scheme: light;

  --rcf-bg: #f6f2ea;
  --rcf-panel: rgba(255, 255, 255, 0.84);
  --rcf-panel-strong: #ffffff;
  --rcf-ink: #201a16;
  --rcf-muted: #6b6156;
  --rcf-line: rgba(32, 26, 22, 0.12);
  --rcf-accent: #cf6035;
  --rcf-accent-2: #0d5c63;
  --rcf-shadow: 0 24px 44px rgba(23, 16, 10, 0.09);
  --rcf-radius: 24px;
  --rcf-kicker-bg: rgba(13, 92, 99, 0.12);
  --rcf-kicker-text: #0d5c63;
  --rcf-pill-bg: rgba(207, 96, 53, 0.12);
  --rcf-pill-text: #cf6035;
  --rcf-chip-bg: rgba(13, 92, 99, 0.08);
  --rcf-chip-text: #0d5c63;
  --rcf-route-bg: rgba(255, 255, 255, 0.7);
  --rcf-route-hover: rgba(13, 92, 99, 0.26);
  --rcf-button-start: #cf6035;
  --rcf-button-end: #f08d42;
  --rcf-button-shadow: rgba(207, 96, 53, 0.24);
  --rcf-button-secondary-bg: rgba(13, 92, 99, 0.08);
  --rcf-button-secondary-text: #0d5c63;
  --rcf-button-secondary-line: rgba(13, 92, 99, 0.18);
  --rcf-bridge-bg-start: rgba(13, 92, 99, 0.08);
  --rcf-bridge-bg-end: rgba(230, 182, 87, 0.14);
}

* {
  box-sizing: border-box;
}

.rcf-decision-page {
  margin: 0;
  font-family: "Space Grotesk", "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 12% 0%, rgba(13, 92, 99, 0.12), transparent 32%),
    radial-gradient(circle at 88% 10%, rgba(230, 182, 87, 0.18), transparent 30%),
    linear-gradient(180deg, #fbf7f0 0%, var(--rcf-bg) 34%, #ffffff 100%);
}

.hero {
  padding-top: clamp(28px, 7vw, 68px);
}

.rcf-family-card--milhas {
  --rcf-card-accent: #cf6035;
}

.rcf-family-card--inmetro {
  --rcf-card-accent: #0d5c63;
}

.rcf-family-card--milhas .rcf-route-pill,
.rcf-family-card--inmetro .rcf-route-pill {
  font-size: 0.72rem;
}