:root{
--navy:#193847;--navy2:#000000;--gold:#bb9549;--teal:#000000;--indigo:#000000;--steel:#b93c3c;--warn:#bb9549;
--header-bg:#ffffff;--header-text:#193847;--accent:#bb9549;
--page-bg:#f3f5f7;--card-bg:#ffffff;--text:#1d2b33;
--primary:#193847;--primary-text:#ffffff;--link:#275671;
--th-bg:#193847;--th-text:#ffffff;--footer-text:#99a3a8;
--radius:10px;--fs:20px;--font:Arial, Helvetica, sans-serif;--logo-h:70px;--login-logo-h:70px;
}
body{background:var(--page-bg);color:var(--text);font-family:var(--font);font-size:var(--fs)}
.topbar{background:var(--header-bg);border-bottom-color:var(--accent)}
.brand b{color:var(--header-text)} .nav a{color:var(--header-text)} .nav a:hover{color:var(--header-text)} .who{color:var(--header-text)}
.brand-logo{height:var(--logo-h)} .login-logo{height:var(--login-logo-h)}

.card{background:var(--card-bg);border-radius:var(--radius)}
.btn.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}
a,.link{color:var(--link)}
.tbl thead th{background:var(--th-bg);color:var(--th-text)}
.foot{color:var(--footer-text)}
.route{border-left-color:var(--accent)}
/* --- custom css --- */