@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300..800&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');


:root{
  --ncv-text:        #172026;   
  --ncv-text-muted:  #4b5861;
  --ncv-bg:          #ffffff;
  --ncv-bg-soft:     #f3f6f4;
  --ncv-elev:        #f2f5f3;   
  --ncv-border:      #d9dfdc;

  --ncv-green:       #3a5f4a;  
  --ncv-green-600:   #2e4c3b;
  --ncv-green-300:   #6f8b7a;
  --ncv-green-100:   #CFD9D3;
  --ncv-green-050:   rgba(207,217,211,0.50);

  --ncv-accent:      #4d6a9a;  
  --ncv-accent-600:  #3b5276;  
  --ncv-accent-400:  #6E8CBC;

  --ncv-warning:     #b8912e;   
  --ncv-warning-700: #8e7023;

  --ncv-focus:       #1b73e8;   
}


html { 

  scroll-behavior: auto !important; 
}

body{
  color: var(--ncv-text);
  background: var(--ncv-bg);
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.55;
  font-size: 1rem;
}

.lora-display {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}


p { font-size: 1.05rem; }
@media (min-width: 992px){ p { font-size: 1.125rem; } }

/* === Links === */
a { color: var(--ncv-accent); text-decoration-thickness: .08em; text-underline-offset: .15em; }
a:hover { color: var(--ncv-accent-600); }
a:focus-visible{
  outline: 3px solid var(--ncv-focus);
  outline-offset: 2px;
  border-radius: 2px;
}


.btn-primary{
  background-color: var(--ncv-green);
  border-color: var(--ncv-green-600);
}
.btn-primary:hover,
.btn-primary:focus{
  background-color: var(--ncv-green-600);
  border-color: var(--ncv-green-600);
}

.btn-success{
  background-color: var(--ncv-accent);
  border-color: var(--ncv-accent-600);
}
.btn-success:hover,
.btn-success:focus{
  background-color: var(--ncv-accent-600);
  border-color: var(--ncv-accent-600);
}

.btn-warning{
  background-color: var(--ncv-warning);
  border-color: var(--ncv-warning-700);
  color: #fff;
}
.btn-warning:hover,
.btn-warning:focus{
  background-color: var(--ncv-warning-700);
  border-color: var(--ncv-warning-700);
  color: #fff;
}

/* === Sections / backgrounds === */
.section { background: var(--ncv-bg); }
.section.is-soft { background: var(--ncv-bg-soft); }
.section.is-elev { background: var(--ncv-elev); }

/* Dividers / cards */
hr { border-color: var(--ncv-border); opacity: 1; }
.card, .rounded {
  border-color: var(--ncv-border) !important;
  box-shadow: none;
}


.hero-3 .hero-3-content{
  background-color: rgba(46, 76, 60, 0.70); 
  backdrop-filter: saturate(120%) blur(1px);
  border: 1px solid rgba(0,0,0,.06);
}

.hero-3-title{
  font-family: "Lora", serif;
  font-weight: 600;
  letter-spacing: .2px;
}


h1,h2,h3,h4,h5,h6{
  color: var(--ncv-text);
  line-height: 1.2;
}
.text-muted  { color: var(--ncv-text-muted) !important; }
.text-success{ color: var(--ncv-green) !important; } /* keep “success” on brand */

/* === Tables / lists in those board sections === */
.board-list h4 { font-size: 1.125rem; }
.board-list .title-role { color: var(--ncv-green-300); }
.bg-board {background: var(--ncv-green-100);}
.bg-advisors {background: var(--ncv-green-050);}

.submitted-data {
	background-color: var(--ncv-accent-400);
	padding: 20px;
	color: white !important;
	border: black 2px double;
}

/* === Accessibility: motion & outlines === */
@media (prefers-reduced-motion: reduce){
  * { animation: none !important; transition: none !important; }
}


:focus-visible{
  outline: 3px solid var(--ncv-focus);
  outline-offset: 2px;
}

/* === Utilities === */
.bg-muted    { background: var(--ncv-green-100); }
.bg-elev     { background: var(--ncv-elev); }
.text-lead   { font-size: 1.125rem; color: var(--ncv-text-muted); }
.border-soft { border-color: var(--ncv-border) !important; }

/* === Contact iframe: ensure visible scrollbar, keep borders subtle === */
iframe[name="emailForm"]{
  border: 1px solid var(--ncv-border) !important;
  background: #fff;
  scrollbar-gutter: stable both-edges;
}

/* Card polish for board members */
.board-card{
  transition: transform .12s ease, box-shadow .12s ease;
}
.board-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.06);
}
.board-card:focus-within{
  outline: 3px solid var(--ncv-focus);
  outline-offset: 2px;
}