/* ===== Zev Landau's KJFD colors (KJFD-colors.md), preview.kjfd.org, Nov 10 2026 =====
   Colors only, on top of live v19 (styles.css + apply.css unchanged). Loaded last on every page.
   Engine #CF1124 · Engine dark #AB091E · Ink #1F2933 · Steel #52606D · Line #CBD2D9 · Wash #F5F7FA · White #FFFFFF */
:root{--engine:#CF1124;--engine-dark:#AB091E;--ink:#1F2933;--steel:#52606D;--line:#CBD2D9;--wash:#F5F7FA;--white:#1F2933;--ink-hover:#3E4C59;
 --navy:#1F2933;--blue:#1F2933;--red:#CF1124;--red-d:#AB091E;--black:#1F2933;--bg:#FFFFFF;--panel:#FFFFFF;--panel2:#F5F7FA;--muted:#52606D;
 --ink2:#1F2933;--gold:#1F2933;--gold2:#1F2933;--gold-hi:#CBD2D9;--a:#1F2933;--ah:#1F2933;--shadow:none}
/* light areas (were dark in v19): header, stats, card title bars, callouts, CTA strip */
.site-header,.stats,.sh,.callout,.cta-strip{--bg:#FFFFFF;--panel:#FFFFFF;--panel2:#F5F7FA;--line:#CBD2D9;--muted:#52606D;--white:#1F2933;--ink:#1F2933;--ink2:#1F2933;--gold:#1F2933;--a:#1F2933;--ah:#1F2933;color:#1F2933}
/* dark areas: notice bar + footer (Ink), photo bands and the photo viewer (white text) */
.ticker,.site-footer,.hero,.join-band,.page-head,.lb,.lightbox{--bg:#1F2933;--panel:#1F2933;--panel2:#1F2933;--line:#52606D;--muted:#FFFFFF;--white:#FFFFFF;--ink:#FFFFFF;--ink2:#FFFFFF;--gold:#FFFFFF;--gold-hi:#FFFFFF;--a:#FFFFFF;--ah:#FFFFFF;color:#FFFFFF}
/* no shadows, glows or drop shadows anywhere */
*,*::before,*::after{box-shadow:none!important;text-shadow:none!important}
.brand img,.district,.site-header img{filter:none!important}

html{background:#FFFFFF}
body{background:#FFFFFF;color:#1F2933}
h1,h2,h3{color:inherit}
h1,h2{color:#1F2933}
.ticker h1,.ticker h2,.site-footer h1,.site-footer h2,.hero h1,.hero h2,.join-band h1,.join-band h2,.page-head h1,.page-head h2,.lightbox h1,.lightbox h2{color:#FFFFFF}
a{color:#1F2933;text-decoration-color:currentColor}a:hover{color:#1F2933}
:focus-visible{outline-color:#AB091E!important}
.gold{color:#1F2933}
.hero .gold,.page-head .gold,.join-band .gold{color:#FFFFFF}
.skip{background:#1F2933;color:#FFFFFF}
.ph{background:#F5F7FA;border-color:#CBD2D9;color:#1F2933}
.lead,.prose p,.steps p,.faq details p,.join-in p,.res-guide p,.res-vol p{color:#1F2933}
.muted,.unit-spec,.board-list .s,.cat-body p,.crumbs,.unit-hero figcaption,.more-pics figcaption,.photo-credit,.res-tile p,.news-card p,.tl-lead,.station .st-note,.topic p,.res-sec .sec-head p,.tl-tag,.rq .l{color:#52606D}

/* top notice bar: Ink, white text (no red/blue light bar) */
.ticker{background:#1F2933;color:#FFFFFF}
.ticker::before,.ticker::after{background:#1F2933;border-color:#1F2933;animation:none}
.ticker a,.ticker b{color:#FFFFFF}

/* header: white, Ink text, Line bottom border */
.site-header{background:#FFFFFF;border-bottom-color:#CBD2D9;color:#1F2933}
.brand,.brand-text strong{color:#1F2933}
.brand-text em{color:#52606D}
.bsd,.site-header>.bsd{color:#1F2933}
.menu-toggle{background:#FFFFFF;border-color:#CBD2D9}
.bars,.bars::before,.bars::after{background:#1F2933}
.menu-toggle[aria-expanded="true"] .bars{background:transparent}
.primary-nav ul a{color:#1F2933}
.primary-nav ul a:hover{color:#1F2933;border-bottom-color:#CBD2D9}
.primary-nav ul a[aria-current="page"]{color:#1F2933;border-bottom-color:#1F2933}
@media (max-width:1060px){
 .primary-nav{background:#FFFFFF;border-top-color:#CBD2D9}
 .primary-nav ul a,.primary-nav ul a[aria-current="page"]{border-bottom-color:#CBD2D9}
}
/* header Apply = dark button (Ink), never Engine */
.btn.nav-cta,.btn-red.nav-cta{background:#CF1124;color:#FFFFFF;border-color:#CF1124}
.btn.nav-cta:hover,.btn-red.nav-cta:hover{background:#AB091E;border-color:#AB091E;color:#FFFFFF}

/* buttons: main = Engine (hover Engine dark); outline = Ink */
.btn-red{background:#CF1124;color:#FFFFFF;border-color:#CF1124}
.btn-red:hover{background:#AB091E;border-color:#AB091E;color:#FFFFFF}
.btn-ghost{background:#FFFFFF;border-color:#1F2933;color:#1F2933}
.btn-ghost:hover{background:#1F2933;border-color:#1F2933;color:#FFFFFF}
.hero .btn-ghost,.join-band .btn-ghost,.page-head .btn-ghost,.site-footer .btn-ghost,.ticker .btn-ghost,.lightbox .btn-ghost,.lb .btn-ghost{background:transparent;border-color:#FFFFFF;color:#FFFFFF}
.hero .btn-ghost:hover,.join-band .btn-ghost:hover,.page-head .btn-ghost:hover,.site-footer .btn-ghost:hover,.ticker .btn-ghost:hover,.lightbox .btn-ghost:hover,.lb .btn-ghost:hover{background:#FFFFFF;border-color:#FFFFFF;color:#1F2933}
.site-header .btn-ghost,.stats .btn-ghost,.sh .btn-ghost,.callout .btn-ghost,.cta-strip .btn-ghost{background:#FFFFFF;border-color:#1F2933;color:#1F2933}
.site-header .btn-ghost:hover,.stats .btn-ghost:hover,.sh .btn-ghost:hover,.callout .btn-ghost:hover,.cta-strip .btn-ghost:hover{background:#1F2933;color:#FFFFFF}
.btn[disabled],.apply-send[disabled]{background:#E4E7EB;border-color:#E4E7EB;color:#616E7C;opacity:1}

/* photo bands (hero, inner page heads, join band): photo with an Ink scrim so the white text stays readable */
.hero{background:linear-gradient(90deg,rgba(31,41,51,.78) 0%,rgba(31,41,51,.30) 75%),var(--hero) center/cover no-repeat;border-bottom-color:#CBD2D9}
.page-head{background:linear-gradient(90deg,rgba(31,41,51,.78) 0%,rgba(31,41,51,.40) 80%),var(--hero,url(img/fleet-lineup.jpg)) center/cover no-repeat;border-bottom-color:#CBD2D9}
.join-band{background:linear-gradient(90deg,rgba(31,41,51,.85) 0%,rgba(31,41,51,.45) 100%),var(--hero) center/cover no-repeat;border-top-color:#CBD2D9}
.hero .lead,.page-head .lead,.join-band p,.join-in p,.page-head .crumbs,.hero .kicker,.hero .eyebrow,.page-head .eyebrow,.join-band .eyebrow,.join-band .kicker{color:#FFFFFF}
.page-head .crumbs a,.hero a:not(.btn),.join-band a:not(.btn){color:#FFFFFF}
.kicker,.eyebrow{color:#52606D}
.kicker::before,.eyebrow::before{background:#1F2933}
.hero .kicker::before,.hero .eyebrow::before,.page-head .eyebrow::before,.page-head .kicker::before,.join-band .kicker::before,.join-band .eyebrow::before{background:#FFFFFF}
.page-head .chip{background:transparent;border-color:#FFFFFF;color:#FFFFFF}
.page-head .chip.on,.page-head .chip:hover{background:#FFFFFF;border-color:#FFFFFF;color:#1F2933}

/* emergency phone band: Engine, white text */
.emerg{background:#CF1124;border-color:#CF1124;color:#FFFFFF}
.emerg .lbl,.emerg .enum,.emerg .nphone,.emerg .n911,.emerg .enum.e911,.emerg .nphone.n911,.emerg a{color:#FFFFFF}
.emerg .eline{border-color:#FFFFFF!important}
.n911{color:#AB091E}

/* sections */
.section.alt{background:#F5F7FA;border-color:#CBD2D9}
.stats{background:#F5F7FA;border-color:#CBD2D9}
.stat b{color:#1F2933}.stat span{color:#52606D}
.callout{background:#F5F7FA;border-color:#CBD2D9;color:#1F2933}
.cta-strip{background:#F5F7FA;color:#1F2933}
.cta-strip .btn-red{background:#CF1124;color:#FFFFFF;border-color:#CF1124}
.cta-strip .btn-red:hover{background:#AB091E;border-color:#AB091E}

/* cards and panels: White with Line borders */
.card,.panel,.person,.unit,.faq details,.coc-card,.tl-e,.mission,.res-guide,.topic,.res-vol,.rq,.news-card,.res-tile,.cat-tile,.chip,.soc,.feature{background:#FFFFFF;border-color:#CBD2D9}
.unit:hover,.cat-tile:hover,.res-tile:hover,.news-card:hover,.res-guide:hover,.soc:hover{border-color:#1F2933}
.card.em,.coc-chief{border-color:#1F2933}
.tip,.card.tip{border-left-color:#CBD2D9}
.unit-body,.cat-body{border-top-color:#CBD2D9}
.unit-pic,.coc-card .coc-ph,.res-guide .gimg{background:#F5F7FA}
.sh{background:#FFFFFF;border-bottom-color:#CBD2D9}
.sh h3,.card .sh h3,.panel .sh h3,.card h3,.cat-body h3,.news-card h3,.res-guide h3,.topic h3,.res-vol h3{color:#1F2933}
.sh span{color:#52606D}
.apply-card .sh{background:#FFFFFF;border-bottom-color:#CBD2D9}
.apply-card .sh span{color:#52606D}
/* truck numbers = Engine dark; truck type labels = Steel */
.unit .sh h3,.board-list .u,.unit h3{color:#AB091E}
.unit .sh span,.unit-type,.board-list .t,.cat-units,.spec-list span,.roster-list .tt{color:#52606D}
.unit-go,.res-go,.res-guide .res-go{color:#1F2933}
.feature figcaption{color:#52606D}
.board-list li,.roster-list li,.spec-list li{border-bottom-color:#CBD2D9}
.board-list li:nth-child(even),.roster-list li:nth-child(even){background:#F5F7FA}
.board-list li a:hover{background:#F5F7FA}
.board-list .bthumb,.ret-more .ret-thumb,.gitem{border-color:#CBD2D9}
.roster-list .fd,.coc-unit,.coc-name,.mission p:last-child,.station a.addr,.tl-e p b,.tl-m,.tl-e p,.rq .n{color:#1F2933}
.rq .n.red{color:#AB091E}
.chip{color:#1F2933}
.chip.on,.chip:hover{background:#1F2933;border-color:#1F2933;color:#FFFFFF}
.soc,.soc:hover{color:#1F2933}
.soc svg,.soc-fb svg,.soc-ig svg,.soc-wa svg{color:#1F2933}
.news-date,.ret-year,.coc-label,.coc-title,.tip .pb .sub,.tl-y,.timeline b{color:#52606D}
.news-empty{border-color:#CBD2D9}
.coc-tier+.coc-tier::before{background:#CBD2D9}
.coc-tier+.coc-tier::after{border-top-color:#CBD2D9}
.station .sh .soon-tag{background:#1F2933;color:#FFFFFF}
.station a.addr .pin{color:#1F2933}
.station a.addr span,.station a.addr:hover span{text-decoration-color:#1F2933}
.station a.addr:hover{color:#1F2933}
a.tel,.foot-mail{color:#1F2933}
.tip .note{background:#F5F7FA;border-left-color:#CBD2D9}
.ticks li::before{background:#1F2933}
.mission{border-left-color:#1F2933}
.avatar{background:#F5F7FA;color:#1F2933;border-color:#CBD2D9}
.timeline{border-left-color:#CBD2D9}
.timeline li::before{background:#1F2933;border-color:#FFFFFF}
.steps .num{background:#1F2933;border-color:#1F2933;color:#FFFFFF}
.faq summary::after{color:#1F2933}
.ktl::before{background:#CBD2D9}
.tl-year::before{background:#FFFFFF;border-color:#1F2933}
.tl-e,.tl-e.tl-key,.tl-e.tl-apparatus,.tl-e.tl-firehouse,.tl-e.tl-milestone{background:#FFFFFF;border-color:#CBD2D9;border-left-color:#1F2933}
.tl-e p a,.crumbs a{color:#1F2933}
.tl-tag{border-color:#CBD2D9}
.rq{border-top-color:#CBD2D9}
.rq a{color:#1F2933;border-color:#CBD2D9}
.rq a:hover{background:#F5F7FA;color:#1F2933}
.rq .ic,.topic .ti,.topic:nth-child(3n+2) .ti,.topic:nth-child(3n) .ti{background:#F5F7FA;color:#1F2933}
.rq .ic.red{background:#1F2933;color:#FFFFFF}
.res-guide .gimg .gic{background:#1F2933;color:#FFFFFF;border-color:#FFFFFF}
.topic{border-top-color:#1F2933;color:#1F2933}
.topic:hover{border-top-color:#1F2933;color:#1F2933}
.res-vol{border-left-color:#1F2933}
.gitem span{background:#1F2933;color:#FFFFFF}
.lightbox::backdrop{background:#1F2933}
.lightbox img{border-color:#FFFFFF}
.lb-close{background:#1F2933;color:#FFFFFF}
.news-full .news-img img{background:#1F2933}

/* footer: Ink; body text Line; headings and links White; divider above the copyright Steel */
.site-footer{background:#1F2933;border-top-color:#1F2933;color:#CBD2D9}
.site-footer p,.foot-brand span,.site-footer .muted,.foot-base{color:#CBD2D9}
.foot-brand strong,.site-footer h3,.site-footer a,.foot-links a,.foot-links a:hover,.site-footer .foot-mail,.site-footer a.tel,.big911,.big911 a{color:#FFFFFF}
.foot-base{border-top-color:#52606D}
.site-footer .soc,.site-footer .soc:hover{background:#1F2933;border-color:#CBD2D9;color:#FFFFFF}
.site-footer .soc svg,.site-footer .soc-fb svg,.site-footer .soc-ig svg,.site-footer .soc-wa svg{color:#FFFFFF}

/* forms (Apply, full application on /join/<id>, contact) */
.fld>span,.fld>legend,.up-t{color:#1F2933}
.fld em,.fld legend em,.up-h,.up-st,.sig-st,.apply-loading,.ref-lead{color:#52606D}
.ref-h{color:#1F2933}
.apply-card input:not([type=checkbox]):not([type=radio]),.apply-card select,.apply-card textarea{color:#1F2933;background-color:#FFFFFF;border:2px solid #52606D}
.apply-card select{background-image:linear-gradient(45deg,transparent 50%,#1F2933 50%),linear-gradient(135deg,#1F2933 50%,transparent 50%)}
.apply-card input:focus,.apply-card select:focus,.apply-card textarea:focus{border-color:#1F2933}
.apply-card input::placeholder,.apply-card textarea::placeholder{color:#52606D}
.apply-card .bad,.apply-card fieldset.bad,.up.bad,.sig-fld.bad .sig-wrap{border-color:#AB091E!important}
fieldset.fld.bad legend,.ack.bad span,.sig-fld.bad>span,.up.bad .up-t,.up.bad .up-st{color:#AB091E}
input[type=checkbox],input[type=radio]{accent-color:#1F2933}
.form-err{background:#FFE3E3;border-color:#FFE3E3;color:#610316}
.up{border-color:#52606D}
.up.done{border-color:#014807}
.up.done .up-st{color:#014807}
.up-prev{background:#F5F7FA}
.sig-wrap{background:#FFFFFF;border-color:#52606D}
.sig-clear{background:#FFFFFF}
.apply-solo{background:#FFFFFF}
.apply-note{background:#F5F7FA;border-left-color:#1F2933;color:#1F2933}
.ac-list{background:#FFFFFF;color:#1F2933;border-color:#CBD2D9}
.ac-list li[data-i]{border-bottom-color:#CBD2D9}
.ac-list li[data-i] b{color:#1F2933}.ac-list li[data-i] span{color:#52606D}
.ac-list li.on,.ac-list li[data-i]:hover{background:#F5F7FA}