/* Canam Driver Testing Academy: colours matched to www.canamfleetsafetygroup.com
   navy #14324F · gold #B0873F · light gold #EBC35A · cream #FBF7EE / #F3EAD8 · text #2B2F36 · Montserrat + Lato */
:root{--navy:#14324F;--navy2:#0f2740;--blue:#B0873F;--gold:#B0873F;--gold2:#EBC35A;--sky:#EBC35A;--panel:#F3EAD8;--soft:#FBF7EE;--line:#EADFC8;--ink:#2B2F36;--muted:#6b6458;--green:#2f7a4a;
--fb:"Lato","Segoe UI",Arial,sans-serif}
body{color:var(--ink)}
a{color:var(--gold)}
:focus-visible{outline-color:var(--gold)}
/* buttons: light gold with dark text, like the main site */
.btn{background:var(--gold2);border-color:var(--gold2);color:#2F2709!important}
.btn:hover{background:#E2C86F;border-color:#E2C86F}
.btn.line{background:#fff;color:var(--navy)!important;border-color:var(--line)}
.btn.line:hover{background:var(--soft);border-color:var(--gold)}
.btn.ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.4)}
.menu{background:var(--navy)}
.nav a:hover{background:var(--soft)}
.nav a[aria-current="page"]{color:var(--gold)}
/* hero + closing */
.hero .k{color:var(--gold2)}
.hero p,.closing p{color:#C9D3DE}
.kick{color:var(--gold)}
.contact small{color:var(--gold2)}
/* cards: cream with gold top rule */
.card{background:var(--soft);border-color:#E8DCC2;border-top:4px solid var(--gold)}
a.card:hover{border-color:var(--gold);box-shadow:0 12px 30px rgba(20,50,79,.1)}
.card p{color:#4a4f57}
.card .ico{background:#F3EAD8}
.card .ico svg{stroke:var(--navy)}
.class-card .cl{color:var(--gold)}
.pill{background:var(--panel);color:var(--navy)}
section.soft{background:var(--soft);border-color:var(--line)}
.step{border-top-color:var(--gold);background:#fff}
.step:before{color:var(--gold)}
.call{border-left-color:var(--gold);background:var(--soft)}
ul.ticks li:before{background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.5L12 5.4' fill='none' stroke='%23B0873F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
form.f{border-color:var(--line);box-shadow:0 12px 34px rgba(20,50,79,.07)}
form.f input:focus,form.f select:focus,form.f textarea:focus{outline-color:var(--gold);border-color:var(--gold)}
form.f input,form.f select,form.f textarea{border-color:#D9CDB4}
/* exam */
.ex-card{border-color:var(--line);box-shadow:0 12px 34px rgba(20,50,79,.07)}
.ex-bar i{background:var(--gold)}
.ex-bar{background:var(--panel)}
.ex-tag{background:var(--panel)}
.ex-mode{border-color:var(--line)}
.ex-mode:hover:not(:disabled){border-color:var(--gold)}
.ex-mode.primary{background:var(--navy);border-color:var(--navy)}
.ex-mode.primary span{color:#C9D3DE}
.ex-topics button{border-color:#D9CDB4}
.ex-topics button:hover{border-color:var(--gold);background:var(--soft)}
.ex-opt{border-color:var(--line)}
.ex-opt:hover:not(:disabled){border-color:var(--gold);background:#fffdf8}
.ex-opt .l{border-color:#D9CDB4}
.ex-opt.sel{border-color:var(--gold);background:var(--soft)}.ex-opt.sel .l{background:var(--gold);border-color:var(--gold)}
.ex-why{border-left-color:var(--gold);background:var(--soft)}
.ex-dots button{border-color:#D9CDB4}.ex-dots button.a{background:var(--panel);border-color:var(--gold)}
.ex-break .r i{background:var(--panel)}.ex-break .r i u{background:var(--gold)}
.ex-break .r.weak i u{background:#d9822b}
.ex-cta{background:var(--navy)}.ex-cta p{color:#C9D3DE}
.ex-review .it{border-color:var(--line)}
/* footer */
footer.ft{background:var(--navy);color:#C9D3DE}
footer.ft h4{color:var(--gold2)}
footer.ft a{color:#fff}
footer.ft .base{color:#B1B0AC}
.brand.olt .wm{border-left-color:var(--line)}
