/**
 * SCC brand overrides for the embedded DOE Net Price Calculator.
 * Loaded after the calculator’s bundled CSS so fonts/colors match the 2026 site.
 */
:root {
  --scc-blue: #042a9b;
  --scc-blue-dark: #021c66;
  --scc-bright: #4663f5;
  --scc-pink: #e02447;
  --scc-gray: #dfe0e6;
  --scc-gray-mid: #686c71;
  --scc-font: 'Public Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
}

html,
body,
.npc-app,
.npc-section-description,
.npc-agreement-wrapper,
.nav-button,
.npc-step-title,
.radio-button-group-wrapper,
button,
input,
select,
textarea,
label,
p,
li,
td,
th,
h1,
h2,
h3,
h4 {
  font-family: var(--scc-font) !important;
}

.npc-section-description,
.npc-agreement-wrapper {
  font-style: normal !important;
  color: var(--scc-blue-dark) !important;
}

.theme-light .npc-app {
  color: #111 !important;
  background-color: #f5f7fc !important;
}

/* Primary CTAs (Agree & Continue, Continue, etc.) */
.nav-button.pure-button-primary,
.theme-light .nav-button.pure-button-primary {
  background-color: var(--scc-pink) !important;
  border-color: var(--scc-pink) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

.nav-button.pure-button-primary:active,
.nav-button.pure-button-primary:hover,
.theme-light .nav-button.pure-button-primary:active,
.theme-light .nav-button.pure-button-primary:hover {
  color: var(--scc-pink) !important;
  border-color: var(--scc-pink) !important;
  background-color: #fff !important;
}

.nav-button.pure-button-primary:focus,
.theme-light .nav-button.pure-button-primary:focus {
  color: var(--scc-pink) !important;
  border-color: var(--scc-bright) !important;
  background-color: #fff !important;
}

/* Stepper accents (bundled CSS greens already remapped to brand blue/bright) */
.theme-light .npc-step-title {
  font-family: var(--scc-font) !important;
}

a,
a:visited {
  color: var(--scc-bright) !important;
}

a:hover {
  color: var(--scc-pink) !important;
}

/* Soften the DOE warning strip toward brand neutrals */
[class*='notice'],
[class*='alert'],
[class*='warning'] {
  border-color: #f0c48a !important;
}