/* CEOBI readability and typography correction layer */
:root{
  --ceobi-text-strong:#10283b;
  --ceobi-text-body:#334f61;
  --ceobi-text-muted:#5f7481;
  --ceobi-card-solid:#ffffff;
  --ceobi-card-soft:#f7fbfc;
  --ceobi-border-strong:rgba(16,56,76,.20);
}
[data-theme="dark"]{
  --ceobi-text-strong:#f3fbfc;
  --ceobi-text-body:#d2e2e7;
  --ceobi-text-muted:#a9bec7;
  --ceobi-card-solid:#0c2a3e;
  --ceobi-card-soft:#102f44;
  --ceobi-border-strong:rgba(190,226,232,.22);
}
html,body,button,input,select,textarea{
  font-family:"IBM Plex Sans Arabic","Cairo",Arial,sans-serif!important;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body{font-size:16px;line-height:1.65;color:var(--ceobi-text-body)!important}
h1,h2,h3,h4,h5,h6,strong,b,.title,.heading,.card-title,.panel-title{
  color:var(--ceobi-text-strong)!important;
  font-weight:700!important;
  line-height:1.35;
  letter-spacing:0!important;
}
p,li,dd,dt,label,small,.description,.subtitle,.muted,.helper-text{
  color:var(--ceobi-text-body)!important;
}
small,.muted,.helper-text,.meta,.caption{color:var(--ceobi-text-muted)!important}
a{font-weight:600}
.card,.panel,.admin-panel,.content-card,.resource-card,.tool-card,.report-card,
.ceobi-library-card,.ceobi-feature,.ceobi-stat,.dashboard-card,.metric-card,
[class*="card"],[class*="panel"]{
  background:var(--ceobi-card-solid)!important;
  border-color:var(--ceobi-border-strong)!important;
  color:var(--ceobi-text-body)!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
[class*="card"] p,[class*="panel"] p,[class*="card"] span,[class*="panel"] span{
  color:var(--ceobi-text-body);
}
input,select,textarea{
  min-height:44px;
  background:var(--ceobi-card-solid)!important;
  color:var(--ceobi-text-strong)!important;
  border:1px solid var(--ceobi-border-strong)!important;
  font-size:1rem!important;
}
input::placeholder,textarea::placeholder{color:var(--ceobi-text-muted)!important;opacity:1}
button,.btn,[role="button"]{font-weight:700!important;font-size:.96rem}
table{color:var(--ceobi-text-body)!important}
th{color:var(--ceobi-text-strong)!important;font-weight:700!important;background:var(--ceobi-card-soft)!important}
td{color:var(--ceobi-text-body)!important;border-color:var(--ceobi-border-strong)!important}
.badge,.tag,.chip,[class*="badge"],[class*="chip"]{font-weight:700!important;opacity:1!important}
.ceobi-water-hero h1,.ceobi-water-hero h2,.ceobi-water-hero h3,.ceobi-water-hero p,.ceobi-water-hero span,
.ceobi-water-hero small,.ceobi-water-hero label{color:#fff!important}
.ceobi-water-hero .ceobi-eyebrow{color:#f0cf84!important}
.admin-page-body .admin-shell,.admin-page-body .admin-content,.admin-page-body main{color:var(--ceobi-text-body)}
.admin-page-body aside,.admin-page-body nav{font-size:.98rem}
.admin-page-body .metric-value,.admin-page-body [class*="value"]{color:var(--ceobi-text-strong)!important;font-weight:800!important}
@media(max-width:700px){body{font-size:15px}h1{font-size:clamp(1.8rem,8vw,2.4rem)!important}.card,.panel,[class*="card"],[class*="panel"]{padding:18px!important}}