:root {
  color-scheme: light;

  --rcf-bg: #fbf6ee;
  --rcf-panel: rgba(255, 255, 255, 0.82);
  --rcf-panel-strong: #ffffff;
  --rcf-ink: #1f1a16;
  --rcf-muted: #6d6357;
  --rcf-line: rgba(31, 26, 22, 0.12);
  --rcf-accent: #d35a34;
  --rcf-accent-2: #0d5f68;
  --rcf-shadow: 0 22px 44px rgba(23, 16, 10, 0.08);
  --rcf-radius: 22px;
  --rcf-kicker-bg: rgba(13, 95, 104, 0.12);
  --rcf-kicker-text: #0d5f68;
  --rcf-pill-bg: rgba(211, 90, 52, 0.12);
  --rcf-pill-text: #d35a34;
  --rcf-chip-bg: rgba(13, 95, 104, 0.08);
  --rcf-chip-text: #0d5f68;
  --rcf-route-bg: rgba(255, 255, 255, 0.74);
  --rcf-route-hover: rgba(13, 95, 104, 0.24);
  --rcf-button-start: #d35a34;
  --rcf-button-end: #f08c3b;
  --rcf-button-shadow: rgba(211, 90, 52, 0.24);
  --rcf-button-secondary-bg: rgba(13, 95, 104, 0.08);
  --rcf-button-secondary-text: #0d5f68;
  --rcf-button-secondary-line: rgba(13, 95, 104, 0.18);
  --rcf-bridge-bg-start: rgba(13, 95, 104, 0.08);
  --rcf-bridge-bg-end: rgba(240, 181, 74, 0.14);
}

* {
  box-sizing: border-box;
}

.rcf-decision-page {
  margin: 0;
  font-family: "Space Grotesk", "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(13, 95, 104, 0.1), transparent 32%),
    radial-gradient(circle at 90% 8%, rgba(240, 181, 74, 0.18), transparent 28%),
    var(--rcf-bg);
}

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

.rcf-program-card--smiles {
  --rcf-card-accent: #d35a34;
}

.rcf-program-card--azul {
  --rcf-card-accent: #0d5f68;
}

.rcf-program-card--livelo {
  --rcf-card-accent: #f0b54a;
}

.rcf-program-card--livelo .rcf-status-pill {
  background: rgba(240, 181, 74, 0.18);
  color: #8a5c12;
}

.rcf-program-card--livelo .rcf-metric-chip,
.rcf-program-card--livelo .rcf-route-pill {
  background: rgba(240, 181, 74, 0.16);
  color: #8a5c12;
}