/* YMS premium navy · ivory · champagne theme
   Visual overrides only — no layout, data, auth, navigation or behavior changes. */
:root{
  --navy:#082B54!important;
  --navy-dark:#041D3A!important;
  --navy-lt:#163F6C!important;
  --periwinkle:#CDA66A!important;
  --periwinkle-lt:#E6CFAB!important;
  --periwinkle-bg:#F8F0E4!important;
  --sky-bg:#F8F5EE!important;
  --warm-white:#FFFEFB!important;
  --charcoal:#172B43!important;
  --gray-dark:#4B5C6E!important;
  --gray-mid:#7B8793!important;
  --gray-light:#D8D5CE!important;
  --gray-bg:#F1EEE7!important;
  --beige:#E8E1D5!important;
  --beige-dark:#D7CBB8!important;
  --mustard:#CDA66A!important;
  --mustard-lt:#E6CFAB!important;
  --mustard-bg:#F8F0E4!important;
  --orange:#A97836!important;
  --orange-lt:#C89B5B!important;
  --orange-dark:#7E5728!important;
  --cream:#F8F5EE!important;
  --present:#3D8067!important;
  --late:#B9853F!important;
  --absent:#B75C5C!important;
  --pending:#87919B!important;
  --shadow-sm:0 2px 8px rgba(4,29,58,.06)!important;
  --shadow-md:0 8px 24px rgba(4,29,58,.09)!important;
  --shadow-lg:0 18px 44px rgba(4,29,58,.13)!important;
}

/* App canvas */
html,body,.app-wrapper,.admin-layout,.admin-main,.wrap,.page{
  background-color:#F8F5EE!important;
  color:#172B43!important;
}

/* Primary navy surfaces */
.admin-sidebar,
.admin-topbar,
.topbar,
.hero,
.teacher-hero,
.home-hero,
.profile-hero,
.login-hero{
  background-color:#082B54!important;
  background-image:linear-gradient(145deg,#041D3A 0%,#082B54 58%,#163F6C 100%)!important;
}

/* Cards / sheets */
.card,
.admin-card,
.admin-stat-card,
.class-admin-card,
.login-card,
.notice-card,
.home-card,
.widget-card,
.report-card,
.payment-card,
.modal-card,
.sheet,
.panel,
.content-card{
  background:#FFFEFB!important;
  border-color:#E8E1D5!important;
  box-shadow:0 8px 24px rgba(4,29,58,.07)!important;
}

/* Main actions */
.btn-primary,
.login-btn,
button.primary,
.primary-btn,
.yp-pay-btn.paid.active,
.chip.active{
  background:#082B54!important;
  border-color:#082B54!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(4,29,58,.16)!important;
}
.btn-primary:hover,.login-btn:hover,button.primary:hover,.primary-btn:hover{
  background:#041D3A!important;
  border-color:#041D3A!important;
}

/* Secondary controls */
.btn-ghost,
button.secondary,
.secondary-btn,
.back,
.yp-jpg-btn{
  background:#FBF8F1!important;
  border-color:#D7CBB8!important;
  color:#082B54!important;
}

/* Inputs */
input,select,textarea,.form-input,.form-select{
  background:#FFFEFB!important;
  border-color:#D7CBB8!important;
  color:#172B43!important;
}
input:focus,select:focus,textarea:focus,.form-input:focus,.form-select:focus{
  border-color:#CDA66A!important;
  box-shadow:0 0 0 4px rgba(205,166,106,.14)!important;
}

/* Navigation */
.admin-nav-item.active,
.tab-item.active,
.parent-tab.active,
.teacher-tab.active,
.mobile-nav-item.active{
  color:#CDA66A!important;
}
.admin-nav-item.active{
  background:rgba(205,166,106,.13)!important;
}
.tab-bar,.bottom-nav,.teacher-bottom-nav{
  background:rgba(255,254,251,.98)!important;
  border-color:#E8E1D5!important;
}

/* Accent labels and soft boxes */
.badge,
.chip,
.pill,
.yp-pill,
.bookbox,
.paybox,
.soft-box,
.info-box{
  border-color:#E8E1D5!important;
}
.yp-pill,
.bookbox,
.soft-box,
.info-box,
.periwinkle-bg{
  background:#FBF8F1!important;
}
.month,
.accent,
.link,
.booktitle,
.yp-title{
  color:#A97836!important;
}

/* Tables */
.admin-table th,
.yp-table th{
  background:#082B54!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
}
.admin-table td,
.yp-table td{
  background:#FFFEFB!important;
  border-color:#EEE8DE!important;
}
.yp-table th.info{
  background:#041D3A!important;
}

/* Premium highlight blocks */
.grand,
.summary-highlight,
.highlight-card{
  background:#F3E7D3!important;
  border-color:#E6CFAB!important;
}
.grand strong,.summary-highlight strong,.highlight-card strong{
  color:#082B54!important;
}

/* Keep semantic status distinction while softening saturation */
.chip-green,.PAID,.status-paid{
  background:#EAF3EE!important;color:#34725B!important;
}
.chip-mustard,.UNPAID,.status-unpaid{
  background:#FBF1DF!important;color:#9B6C2D!important;
}
.chip-red,.OVERDUE,.status-overdue{
  background:#F8E9E9!important;color:#A44E4E!important;
}

/* PWA / browser chrome color */
meta[name="theme-color"]{color:#082B54!important;}