/* ============================================================
   BUILT FROM WITHIN — Blue & Gold brand theme
   Load LAST in <head> (after each page's own <style>) so it wins.
   Most recoloring happens by redefining the shared CSS variables;
   the rest is a handful of component overrides.
   Palette: navy #0F2E5C · royal #103F86 · gold #C8922F · gold2 #C8922F
            cream #FCFAF5 · bone #F6F2EA · ink #211F1B
   BT120 free program keeps its ORANGE #FF6A13 signature (section 14).
   Type: Fraunces (display) + EB Garamond (body)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap');

/* 1) Remap the shared tokens — every var(--navy)/var(--gold) usage follows automatically */
:root{
  --navy:#0F2E5C; --navy2:#103F86; --gold:#C8922F; --gold2:#C8922F;
  --ink:#211F1B; --paper:#FCFAF5; --line:#E4DDCF; --mut:#8A8478;
  --green:#1a6b4a; --red:#7d2029; --oxblood:#103F86; --bone:#F6F2EA;
}

/* 2) Base */
html,body{background:#F6F2EA !important;}
body{font-family:'EB Garamond',Georgia,serif !important;color:#211F1B !important;line-height:1.62;}
.wrap{background:#FCFAF5 !important;}
p{color:#3a372f;}

/* 3) Display type */
h1,h2,h3,summary,.pull,.ph-t,.m-t,.disp{font-family:'Fraunces',Georgia,serif !important;font-weight:400 !important;letter-spacing:-.01em;}
h1{font-weight:300 !important;}

/* 4) Eyebrows / small-caps labels in gold */
.eyebrow,.kick,.ph-when,.step,.m .step{color:#C8922F !important;}

/* 5) Masthead — deep navy editorial so white logos still read */
.mast{background:linear-gradient(160deg,#103F86,#0A2340) !important;border-bottom:1px solid #1D4A7A;}
/* Only the dark editorial masthead forces a light heading. Light-hero worksheet
   pages keep their dark ink h1 (dark .hero pages set .hero{color:#fff}, so their
   h1 still inherits white). Fixes invisible titles on bone backgrounds. */
.mast h1{color:#F6F2EA !important;}
.mast .kw,.mast .sub{color:#dbe4f2 !important;}

/* 6) Navbars & strips (these use hardcoded colors, so override explicitly) */
.navbar{background:#0F2E5C !important;}
.navbar a{color:#C8922F !important;}
.navbar span{color:#9CB0CC !important;}
.steps-strip,.life{background:#0A2340 !important;}
.steps-strip .step,.life .step{color:#aebdd4 !important;}
.steps-strip .step b,.life .step.on{color:#C8922F !important;}
.life .step.on{background:transparent !important;font-weight:700;}
.steps-strip .arw,.life .arw{color:#5f7398 !important;}

/* 7) Buttons — refined outline that fills navy on hover */
.btn,a.btn,a.go,a.apply,a.tool{background:transparent !important;border:1px solid #0F2E5C !important;color:#0F2E5C !important;border-radius:2px !important;font-family:'EB Garamond',serif !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;font-size:12.5px !important;box-shadow:none !important;}
.btn:hover,a.btn:hover,a.go:hover,a.apply:hover,a.tool:hover{background:#103F86 !important;border-color:#103F86 !important;color:#F6F2EA !important;}
a.go.dark{background:#0F2E5C !important;color:#F6F2EA !important;}
a.go.dark:hover{background:#103F86 !important;}
a.inline,a.sec-link,a.link,a.open-full{color:#103F86 !important;}

/* 8) AI-Assist block — deep navy with gold label */
.ai{border:1px solid #E4DDCF !important;background:#FCFAF5 !important;border-radius:4px !important;}
.ai .ai-h{background:#0F2E5C !important;color:#C8922F !important;letter-spacing:.2em;}
.ai .prompt{background:#F4EEE1 !important;border:1px solid #E4DDCF !important;border-left:3px solid #C8922F !important;color:#3a372f !important;font-family:'EB Garamond',Georgia,serif !important;font-size:15.5px !important;font-style:italic}
.ai .copy,.ai .cp{background:#C8922F !important;border:1px solid #C8922F !important;color:#0F2E5C !important;font-style:normal}
.ai .copy:hover,.ai .cp:hover{background:#C8922F !important;border-color:#C8922F !important;color:#F6F2EA !important}
.ai .copy{background:transparent !important;border:1px solid #C8922F !important;color:#C8922F !important;}
.ai .copy.done{background:#1a6b4a !important;border-color:#1a6b4a !important;color:#fff !important;}

/* 9) Callouts / notes — warm neutral, hairline */
.callout{background:#F1EBDE !important;border:1px solid #E4DDCF !important;color:#5a4f38 !important;border-radius:4px !important;}
.callout b{color:#103F86 !important;}
.note{background:#EDF2EC !important;border-left:3px solid #1a6b4a !important;}
.note p,.note .nl+p,.note div:not(.nl){color:#2f3a33 !important}
.warn{background:#F5EAE7 !important;border-left:3px solid #7d2029 !important;}
.warn p{color:#7d2029 !important}

/* 10) Cards & hairlines — flatten shadows, thin lines */
.m,.src,.calc,.board,.stat,.tag-c,.range,.sig,details{border-color:#E4DDCF !important;box-shadow:none !important;border-radius:4px !important;}
.m:hover,.src:hover{border-color:#C8922F !important;box-shadow:none !important;}
.src .s-h,.board .b-h{background:#0F2E5C !important;}
.stat{border-left:2px solid #C8922F !important;}
.stat .n{color:#103F86 !important;font-family:'Fraunces',Georgia,serif !important;}

/* 11) Tables — navy headers via var already; refine */
table.grid th,table.t th{letter-spacing:.05em;}
table.grid.sold th,table.t.sold th{background:#0F2E5C !important;}

/* 12) Step medallions and numbered lists */
ol.method li::before{background:#0F2E5C !important;color:#C8922F !important;font-family:'Fraunces',Georgia,serif !important;}
ol.click li::before{background:#EEF3FB !important;border:1px solid #b9cbe6 !important;color:#103F86 !important;}

/* 13) Footer / disclaimer */
.foot{background:#0F2E5C !important;color:#c3ccdb !important;}
.foot b{color:#C8922F !important;}
.disc{background:#EEF3FB !important;color:#5f7398 !important;}

/* 14) BT120 board (free program) — same type & quality, but ORANGE stays its signature
   so it reads distinct from the paid Academy. Header/footer already flip to navy
   via the var remap; here we keep the BT120 orange identity on its numbers. (These
   selectors are BT120-only, so they don't touch the Academy tool pages.) */
.box .n,.stat .s .n{color:#FF6A13 !important;font-family:'Fraunces',Georgia,serif !important;}
.val{color:#FF6A13 !important;}
.rk{color:#FF6A13 !important;font-family:'Fraunces',Georgia,serif !important;}
.arena h3,.card h4{font-family:'Fraunces',Georgia,serif !important;}
.links a{border-color:#E4DDCF !important;border-radius:3px !important;color:#0F2E5C !important;}
.card.gold{border-left-color:#C8922F !important;}
/* orange accent block + .card.orange intentionally left orange = BT120 identity */

/* 17) Coach's Note — Napoleon's own voice. Styled to read unmistakably as HIM:
   cool navy-tinted card, bold navy rail, filled navy label pill, navy signature. */
.coachnote{background:#EEF3FB !important;border:1px solid #D3E0F2 !important;border-left:5px solid #103F86 !important;border-radius:0 10px 10px 0 !important;padding:16px 20px !important;margin:18px 0 !important}
.coachnote .cn-l{display:inline-block !important;background:#103F86 !important;color:#F6F2EA !important;font-family:'EB Garamond',Georgia,serif !important;font-size:10.5px !important;letter-spacing:.16em !important;text-transform:uppercase !important;font-weight:600 !important;padding:4px 11px !important;border-radius:3px !important;margin-bottom:11px !important}
.coachnote p{font-size:15.5px !important;color:#2a3547 !important;line-height:1.62 !important;margin:0 0 9px !important}
.coachnote p b{color:#103F86 !important}
.coachnote .sig{display:block !important;margin-top:6px !important;font-style:italic !important;color:#103F86 !important;font-size:15px !important;font-weight:500 !important;font-family:'Fraunces',Georgia,serif !important}

/* 16) Prompt/code boxes — clean padded card with a copy button in a tidy top-right toolbar
   (even padding all around, no ragged edges, no dead vertical band) */
.ai .prompt,.copybox{padding:40px 18px 18px 18px !important;position:relative !important;line-height:1.55 !important}
.ai .copy,.ai .cp,.copybox .copy{position:absolute !important;top:9px !important;right:9px !important;z-index:2;font-size:11px !important;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px !important;border-radius:3px !important}

/* 15) Big "Continue to next week" button at the bottom of every module */
.continue{display:block !important;text-align:center;max-width:560px;margin:30px auto 12px;background:#103F86 !important;color:#F6F2EA !important;font-family:'EB Garamond',Georgia,serif !important;font-weight:600 !important;letter-spacing:.12em;text-transform:uppercase;font-size:16px;text-decoration:none;padding:20px 24px;border:0 !important;border-radius:3px !important;transition:.2s;box-shadow:0 8px 20px rgba(16,63,134,.22)}
.continue:hover{background:#0F2E5C !important;color:#F6F2EA !important}
.continue .cont-sub{display:block;font-size:12.5px;letter-spacing:.06em;text-transform:none;color:#E6C98C;margin-top:7px;font-weight:400;font-style:italic}
