/* Khaemenes Course Experience Standard · v1
   Presentation layer only. Imported deliberately by course families.
   Curriculum, mastery, records, offline behavior and STOS boundaries remain authoritative elsewhere. */

:root{
  --khae-paper:#f4f0e7!important;
  --khae-paper2:#fffdf8!important;
  --khae-white:#fffefb!important;
  --khae-ink:#17211d!important;
  --khae-soft:#4e5b55!important;
  --khae-muted:#6f7a73!important;
  --khae-navy:#102b43!important;
  --khae-night:#071521!important;
  --khae-blue:#315f86!important;
  --khae-forest:#233e34!important;
  --khae-gold:#b48b45!important;
  --khae-gold2:#ead9b8!important;
  --khae-line:rgba(20,31,26,.14)!important;
  --khae-line2:rgba(20,31,26,.24)!important;
  --khae-shadow:0 18px 42px rgba(19,31,25,.08)!important;
  --khae-shadow2:0 8px 22px rgba(19,31,25,.055)!important;
  --khae-radius:7px!important;
  --khae-display:"Iowan Old Style","Palatino Linotype",Palatino,Baskerville,Georgia,serif!important;
  --khae-ceremonial:Cinzel,Aboreto,"Iowan Old Style",Georgia,serif!important;
  --khae-sans:"Brandon Grotesque","Avenir Next",Avenir,Montserrat,"Segoe UI",Arial,sans-serif!important;

  /* Compatibility tokens used by existing High School course shells. */
  --bg:#f4f0e7!important;
  --bg2:#fbf8f1!important;
  --panel:#fffdf8!important;
  --panel2:#f2ede3!important;
  --surface:#fffefb!important;
  --ink:#17211d!important;
  --muted:#6f7a73!important;
  --gold:#b48b45!important;
  --gold2:#8a682f!important;
  --blue:#315f86!important;
  --green:#356c4a!important;
  --red:#933c43!important;
  --line:rgba(20,31,26,.18)!important;
  --soft:rgba(20,31,26,.11)!important;
  --grid:rgba(20,31,26,.028)!important;
  --shadow:0 18px 42px rgba(19,31,25,.08)!important;
  --radius:7px!important;
}

html{color-scheme:light!important}
html[data-theme="dark"],html[data-theme="light"]{color-scheme:light!important}

body{
  color:var(--khae-ink)!important;
  background:
    radial-gradient(circle at 8% 0,rgba(180,139,69,.09),transparent 27rem),
    radial-gradient(circle at 94% 5%,rgba(49,95,134,.07),transparent 30rem),
    linear-gradient(180deg,#fbf8f1,var(--khae-paper))!important;
  font-family:var(--khae-sans)!important;
}
body::before{opacity:.13!important}

.site-header{
  color:var(--khae-ink)!important;
  background:rgba(244,240,231,.97)!important;
  border-color:var(--khae-line)!important;
  box-shadow:0 6px 18px rgba(22,42,54,.06)!important;
}
.brand-home,.hero-badge,.brand-mark,.seal{
  border-radius:7px!important;
}
.brand-copy strong,.section-head h2,.card h2,.card h3,.card h4,.lesson-section h2,.lesson-section h3,.visual-card h2,.visual-card h3{
  color:var(--khae-forest)!important;
}
.brand-copy small,.section-head p:not(.eyebrow),.card p,.card li,.lesson-section p,.lesson-section li,.visual-card p,.visual-card li{
  color:var(--khae-muted)!important;
}
.breadcrumb{
  color:var(--khae-muted)!important;
  background:rgba(255,255,255,.55)!important;
  border-color:var(--khae-line)!important;
}
.breadcrumb a{color:var(--khae-forest)!important}

.hero,.lesson-header,.unit-hero{
  color:var(--khae-ink)!important;
  background:
    radial-gradient(circle at 50% -20%,rgba(180,139,69,.15),transparent 34rem),
    linear-gradient(180deg,#fffdf8,#f4eee2)!important;
  border-color:var(--khae-line)!important;
}
.hero h1,.lesson-header h1,.unit-hero h1{
  color:var(--khae-forest)!important;
}
.eyebrow,.kicker,.dialog-eyebrow,.worksheet-kicker{
  color:#71363e!important;
}
.hero .lead,.lesson-header>p:not(.eyebrow),.unit-hero>p:not(.eyebrow){color:var(--khae-muted)!important}

.card,.panel,.day-card,.question,.lesson-section,.visual-card,.print-sheet,.problem-box,.unit-drawer,.support-card,.start-card{
  border-radius:7px!important;
  border-color:var(--khae-line)!important;
  background:rgba(255,253,248,.96)!important;
  box-shadow:var(--khae-shadow2)!important;
}

button,.btn,.button,.header-control,.icon-btn,.course-menu>summary,
.course-menu-panel a,.course-menu-panel button,input,select,textarea{
  border-radius:7px!important;
}
.btn,.button,.header-control,.icon-btn,.course-menu>summary{
  color:var(--khae-navy)!important;
  background:#fff!important;
  border-color:var(--khae-line2)!important;
  box-shadow:none!important;
}
.btn.primary,.button.primary,.profile-button{
  color:#fff!important;
  background:var(--khae-navy)!important;
  border-color:var(--khae-navy)!important;
}
.btn.gold,.pin-control[aria-pressed="true"]{
  color:#241b0c!important;
  background:var(--khae-gold2)!important;
  border-color:var(--khae-gold)!important;
}

.course-menu-panel{
  border-radius:7px!important;
  color:#fff!important;
  background:rgba(7,21,33,.985)!important;
  border-color:rgba(234,217,184,.24)!important;
  box-shadow:0 22px 55px rgba(7,21,33,.24)!important;
}
.course-menu-panel a,.course-menu-panel button{color:#fff!important;background:transparent!important}
.course-menu-panel a:hover,.course-menu-panel button:hover{background:rgba(255,255,255,.08)!important}

.activity-dialog,dialog{
  border-radius:7px!important;
}
.notice{
  border-radius:7px!important;
  color:#51452f!important;
  background:#fff8e7!important;
  border-left-color:var(--khae-gold)!important;
}
input,select,textarea{
  color:var(--khae-ink)!important;
  background:#fff!important;
  border-color:var(--khae-line2)!important;
}
.progress{background:#e8e1d5!important}
.progress span{background:linear-gradient(90deg,#6d8374,var(--khae-gold))!important}

.course-next-step,.lesson-next-step{
  border:1px solid rgba(16,43,67,.22)!important;
  border-left:4px solid var(--khae-navy)!important;
  border-radius:7px!important;
  background:linear-gradient(135deg,#fff,#f4f0e7)!important;
  box-shadow:var(--khae-shadow2)!important;
}
.course-next-step h3,.lesson-next-step h3{
  color:var(--khae-forest)!important;
  font-family:var(--khae-ceremonial)!important;
  font-weight:400!important;
}
.course-next-step .next-step-label,.lesson-next-step .next-step-label{
  color:var(--khae-blue)!important;
  font-size:.72rem!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

.footer{
  color:rgba(255,255,255,.72)!important;
  background:var(--khae-night)!important;
  border-color:rgba(255,255,255,.1)!important;
}

@media(max-width:700px){
  .card,.panel,.day-card,.question,.lesson-section,.visual-card{box-shadow:none!important}
}
@media print{
  body{background:#fff!important;color:#111!important}
  .card,.panel,.day-card,.question,.lesson-section,.visual-card,.course-next-step,.lesson-next-step{
    box-shadow:none!important;background:#fff!important;color:#111!important;border-color:#aaa!important
  }
}