:root{
  --bs-body-font-family:'Roboto', sans-serif;
  --cream:#FBF4E6;
  --navy:#1E2A38;
  --orange:#EF5B33;
  --teal:#158A80;
  --gold:#F5B942;
  --pink:#E8567C;
}
body{background:var(--cream); color:var(--navy); font-family:'Roboto', sans-serif;}
.display-font{font-family:'Roboto', sans-serif; font-weight:900;}
.hand-font{font-family:'Caveat', cursive;}

.navbar-brand{font-family:'Roboto', sans-serif; font-weight:900; font-size:1.25rem;}
.navbar-brand span{color:var(--orange);}
.nav-link{font-weight:500; color:var(--navy)!important;}
.nav-link:hover{color:var(--orange)!important;}

.btn-orange{background:var(--orange); border-color:var(--orange); color:#fff; font-family:'Roboto',sans-serif; font-weight:700; border-radius:50rem;}
.btn-orange:hover{background:#d84a26; border-color:#d84a26; color:#fff;}
.btn-outline-navy{border:2px solid var(--navy); color:var(--navy); font-family:'Roboto',sans-serif; font-weight:700; border-radius:50rem;}
.btn-outline-navy:hover{background:var(--navy); color:var(--cream);}

.hero h1{font-family:'Roboto', sans-serif; font-weight:900; line-height:1.05;}
.hero h1 .hl{color:var(--orange);}

.scoreboard{background:var(--navy); border-radius:1.5rem; padding:1.5rem;}
.frame-card{border-radius:1rem; border:3px solid var(--orange); position:relative; height:100%;}
.frame-card.teal{border-color:var(--teal);}
.frame-card.gold{border-color:var(--gold);}
.frame-card.pink{border-color:var(--pink);}
.frame-no{
  position:absolute; top:-14px; left:16px;
  background:var(--navy); color:var(--cream);
  font-family:'Roboto', sans-serif; font-weight:900; font-size:0.85rem;
  width:28px; height:28px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
}
.frame-card .card-title{font-family:'Roboto', sans-serif; font-weight:700;}
.frame-card .card-title a{text-decoration:none; color:var(--navy);}
.frame-card .card-title a:hover{color:var(--orange);}
.badge-live{background:var(--teal); font-weight:600;}
.tag-text{color:var(--teal); font-size:0.72rem; font-weight:600; text-transform:uppercase; letter-spacing:0.02em;}

.process-icon{
  width:44px; height:44px; border-radius:50%;
  background:var(--gold); color:var(--navy);
  display:flex; align-items:center; justify-content:center;
  font-family:'Roboto', sans-serif; font-weight:900;
}
.process-card{border:none; border-radius:1rem; box-shadow:0 4px 0 rgba(30,42,56,0.08);}
.process-card .card-title{font-family:'Roboto', sans-serif; font-weight:700; font-size:1.05rem;}

.contact-section{background:var(--navy); color:var(--cream); border-radius:2rem 2rem 0 0;}
.contact-section h2{font-family:'Roboto', sans-serif; font-weight:900;}
.contact-section h2 .hl{color:var(--gold);}
.contact-section .form-control{border-radius:0.75rem; border:none; padding:0.85rem 1rem;}
.contact-section .form-control:focus{box-shadow:0 0 0 3px var(--gold);}
.foot-meta{border-top:1px solid rgba(251,244,230,0.18); color:#c3cbd6; font-size:0.85rem;}
.foot-meta a{color:#c3cbd6; text-decoration:none;}
.foot-meta a:hover{color:var(--gold);}