/* Sensei Fred Jordan — Royal Blue / White / Gold Edition
   Updated October 2026. Original photographs, text, and layout preserved.
   Palette: Royal Blue #142F67, White #FFFFFF, Gold #C6A257,
   Supporting Black #101820, Silver #E5E7EB. */
:root {
  --blue: #142F67;
  --blue-deep: #0E224A;
  --blue-vivid: #214A99;
  --blue-soft: #EAF0FA;
  --gold: #C6A257;
  --gold-light: #EED7A4;
  --gold-ink: #806128;
  --silver: #E5E7EB;
  --silver-ink: #536178;
  --black: #101820;
  --black-soft: #192D57;
  --cream: #FFFFFF;
  --white: #FFFFFF;
  --muted: #65748A;
  --ink: #172641;
  --line: rgba(255,255,255,.19);
}
body {background:#fff;color:var(--ink)}
::selection{background:var(--gold);color:var(--blue-deep)}
:focus-visible{outline-color:var(--blue-vivid)}
.skip{background:#fff;color:var(--blue);border:1px solid var(--gold)}

/* Navigation: a light, editorial counterpoint to the blue hero. */
.topbar{background:rgba(255,255,255,.97);border-bottom:1px solid var(--silver);box-shadow:0 5px 24px rgba(14,34,74,.06)}
.brand{color:var(--blue)}
.brand-symbol{color:var(--gold)}
.brand small{color:var(--gold-ink)}
.topbar nav a{color:var(--blue)}
.topbar nav a:hover{color:#9B7428}
.topbar nav .nav-cta{border:1px solid var(--blue);background:var(--blue);color:#fff}
.topbar nav .nav-cta:hover{background:var(--blue-vivid);color:#fff}
.mobile-toggle span{background:var(--blue)}

/* Hero: royal blue and gold rather than black and gold. */
.feature-hero{background:linear-gradient(130deg,#1A4087 0%,var(--blue) 42%,var(--blue-deep) 100%);color:white}
.hero-copy .eyebrow,.feature-hero .eyebrow{color:var(--gold-light)}
.feature-hero h1{color:#fff}
.feature-hero h1 em{color:var(--gold-light)}
.feature-hero .lead{color:#E5EBF5}
.feature-hero .lead strong{color:#fff}
.btn-gold{background:var(--gold);color:var(--blue-deep)}
.btn-gold:hover{background:#DFC388;color:var(--blue-deep)}
.feature-hero .text-link{color:#fff}
.feature-hero .text-link:hover{color:var(--gold-light)}
.hero-proof{color:#D9E1EE}
.hero-proof span:not(:last-child):after{color:var(--gold-light)}
.hero-media{background:var(--blue-deep)}
.hero-media::after{background:linear-gradient(0deg,rgba(8,24,52,.79),transparent 64%)}
.photo-caption{color:#fff}
.caption-line{border-top-color:var(--gold-light)}

/* Framework: spacious white text panel with preserved original logo. */
.feature-method{background:#FFFFFF;color:var(--ink)}
.method-media{background:#050505}
.method-copy .eyebrow,.legacy-copy .eyebrow{color:var(--gold-ink)}
.method-copy h2,.legacy-copy h2{color:var(--blue)}
.method-copy h2 em,.legacy-copy h2 em{color:#886827}
.method-copy .body-copy,.legacy-copy .body-copy{color:#46536B}
.four-steps{border-top-color:#D5DDE8;border-left-color:#D5DDE8}
.four-steps>div{border-right-color:#D5DDE8;border-bottom-color:#D5DDE8}
.four-steps span{color:#926E28}
.four-steps strong{color:var(--blue)}
.four-steps small{color:#58677C}
.text-link{border-bottom-color:var(--gold);color:var(--blue)}
.text-link:hover{color:#876625}
.dark-link{color:var(--blue)}

/* Application: silver-blue field with navy type and a documentary photograph. */
.feature-application{background:var(--blue-soft);color:var(--blue-deep)}
.feature-application .eyebrow{color:var(--gold-ink)}
.feature-application h2{color:var(--blue)}
.feature-application h2 em{color:#866423}
.feature-application .body-copy{color:#44536B}
.feature-application blockquote{border-left-color:var(--gold);color:var(--blue);background:rgba(255,255,255,.47);padding:12px 16px 12px 23px}
.feature-application .text-link{color:var(--blue)}
.application-media{background:var(--blue-deep)}
.application-media::after,.legacy-media::after{background:linear-gradient(0deg,rgba(9,27,61,.76),transparent 60%)}

/* Books: clear white exterior, royal-blue individual book panels. */
.books-block{background:#fff;color:var(--blue-deep)}
.section-intro .eyebrow{color:var(--gold-ink)}
.section-intro h2{color:var(--blue)}
.section-intro h2 em{color:#866423}
.section-intro>p:not(.eyebrow){color:#4D5B72}
.book-card{background:linear-gradient(158deg,#214A99 0%,#142F67 58%,#0E224A 100%);border-top:4px solid var(--gold);color:#fff}
.book-no,.book-theme{color:var(--gold-light)}
.book-status{border-color:#6D82AA;color:#E0E8F4}
.book-rule{background:rgba(237,243,255,.28)}
.book-card>p:last-child{color:#E2E9F4}
.books-bottom p{color:#52627A}
.books-bottom .text-link{color:var(--blue)}

/* Commercial pathways: deep royal blue with warm gold highlights. */
.offerings{background:linear-gradient(140deg,#193C7D,var(--blue-deep));color:#fff}
.offerings .section-intro .eyebrow{color:var(--gold-light)}
.offerings .section-intro h2{color:#fff}
.offerings .section-intro h2 em{color:var(--gold-light)}
.offerings .section-intro>p:not(.eyebrow){color:#DCE5F3}
.offering-card{background:#203D79;border-color:rgba(229,231,235,.38)}
.offering-card:after{background:linear-gradient(180deg,rgba(8,26,60,.19) 0%,rgba(8,25,58,.88) 100%)}
.offering-workshop:before{background:radial-gradient(circle at 52% 45%,#5F78AA 0%,#234781 48%,#122957 87%)}
.offering-money:before{background:linear-gradient(135deg,#1D4585,#315C92 50%,#102858)}
.offering-mark,.offering-type{color:var(--gold-light)}
.offering-icon{color:rgba(235,213,163,.20)}
.tile-arrow{color:var(--gold-light)}
.offer-note{color:#D2DDED}

/* Substack: royal blue is the key brand color; gold stays an accent. */
.newsletter{background:linear-gradient(135deg,var(--blue) 0%,#24519A 100%);color:#fff}
.newsletter-kicker{color:var(--gold-light)}
.newsletter h2{color:#fff}
.newsletter h2 em{color:var(--gold-light)}
.newsletter>p{color:#E7EDF6}
.newsletter .btn{background:var(--gold);color:var(--blue-deep)}
.newsletter .btn:hover{background:#E0C68D;color:var(--blue-deep)}
.newsletter>small{color:#DAE3F1}

/* Legacy: white and silver section; the historical photo remains unchanged. */
.feature-legacy{background:#fff;color:var(--blue-deep)}
.legacy-copy h2 em{color:#866423}
.documentary-callout{background:#F5F8FC;border:1px solid #CDD8E9;border-left:4px solid var(--gold);box-shadow:0 10px 26px rgba(15,40,85,.075)}
.documentary-kicker{color:var(--gold-ink)}
.documentary-callout h3{color:var(--blue)}
.documentary-callout>p:not(.documentary-kicker):not(.documentary-time){color:#44536A}
.documentary-time{color:#344765;border-top-color:#D5E0EF}
.documentary-time>span{color:#98722C}
.documentary-button{background:var(--blue);color:#fff}
.documentary-button:hover{background:var(--blue-vivid);color:#fff}
.documentary-callout small{color:#5D6D81}

/* Contact: light and inviting instead of another dark block. */
.contact-block{background:#EEF2F8;color:var(--blue-deep)}
.contact-lead h2{color:var(--blue)}
.contact-lead h2 em{color:#886827}
.contact-lead .eyebrow{color:var(--gold-ink)}
.contact-lead>p:not(.eyebrow){color:#43536D}
.contact-aside{border-left-color:var(--gold)}
.contact-aside strong{color:var(--blue)}
.contact-aside small{color:var(--gold-ink)}
.contact-form{background:#fff;border:1px solid #D1DBE9;box-shadow:0 14px 35px rgba(15,40,85,.065)}
.contact-form h3{color:var(--blue)}
.contact-form>p{color:#56647A}
.contact-form label{color:#263954}
.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #B8C5D8;background:#FAFCFF;color:var(--blue-deep)}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#68778E}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue-vivid);outline:2px solid rgba(33,74,153,.16)}
.contact-form .btn-gold{background:var(--blue);color:#fff;border-top:3px solid var(--gold)}
.contact-form .btn-gold:hover{background:var(--blue-vivid)}
.contact-fineprint{color:#5A6980}

/* Footer and supporting legal/success pages. */
.footer{background:var(--blue-deep);color:#fff}
.footer-top>div:first-child span{color:var(--gold-light)}
.social-links a{color:#E6EDF7}
.social-links a:hover,.footer-bottom a:hover{color:var(--gold-light)}
.footer-bottom{border-top-color:rgba(255,255,255,.2);color:#C3CFE0}
.simple-page{background:#F5F8FC;color:var(--blue-deep)}
.simple-page h1{color:var(--blue)}
.simple-page a{border-bottom-color:var(--gold);color:var(--blue)}
.simple-page .btn{border:0;background:var(--blue);color:#fff}

@media(max-width:790px){
  .topbar nav{background:#fff;border-bottom:1px solid #D6DEEA;box-shadow:0 18px 30px rgba(15,40,85,.08)}
  .topbar nav a{border-bottom-color:#E3E8F1}
  .topbar nav .nav-cta{color:#fff;border-color:var(--blue)}
}