/* ════════════════════════════════════════════════════════════════════
   copc.css — COPC PAGE · LIGHT (WHITE) THEME
   Dedicated stylesheet for copc.html ONLY (linked solely by copc.html).
   Loads AFTER assets/style.css, so it overrides via the cascade. The
   .copc-* classes are used only on copc.html, so nothing else is affected.
   COLOUR / BACKGROUND changes ONLY — layout, spacing, fonts, sizes, icons
   and content are unchanged. Every text colour verified for contrast on
   #FFFFFF (deepest accent #8A6A1F = 5.05:1; nothing faint).
   ════════════════════════════════════════════════════════════════════ */

/* ── A · HERO ─────────────────────────────────────────────────────────── */

/* 1 · Section background: dark navy → white; diagonal-cross texture kept
   but recoloured to a barely-visible light grey */
.copc-sec{background:#FFFFFF}
.copc-sec::before{
  background:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230B1220' stroke-opacity='0.05'%3E%3Cpath d='M40 40l20-20M40 40l-20-20M40 40l20 20M40 40l-20 20'/%3E%3C/g%3E%3C/svg%3E")
}

/* 2 · "COPC-ALIGNED PERFORMANCE FRAMEWORK" badge → light amber tint,
   deep amber text + dot, subtle border (4.68:1) */
.copc-stamp{background:#FBF6EC;border-color:rgba(138,106,31,.30)}
.copc-stamp-dot{background:#8A6A1F}
.copc-stamp-txt{color:#8A6A1F}

/* 3 · Headline → deep navy (17.85:1); italic accent → deeper gold (5.05:1) */
.copc-headline{color:#0F172A}
.copc-headline em{color:#8A6A1F}

/* 4 · Body paragraph → readable slate (7.58:1) */
.copc-sub{color:#475569}

/* ── B · KPI-CARDS GRID (all six cards) ───────────────────────────────── */

/* 5 · Light card module: white cards, 1px light-grey dividers + outer
   border, soft shadow (1px grid gaps kept → no layout change) */
.copc-grid{
  background:#E5E9F0;
  border:1px solid #E5E9F0;
  box-shadow:0 1px 2px rgba(11,18,32,.05),0 12px 30px rgba(11,18,32,.07)
}
.copc-card{background:#FFFFFF}
.copc-card:hover{background:#FCFAF5;border-bottom-color:#8A6A1F}

/* 6 · Card internals */
.copc-card-num{color:#52607A}        /* "COPC KPI · 0X" label → darker slate (6.34:1) */
.copc-card-title{color:#0F172A}      /* title → deep navy (17.85:1) */
.copc-card-desc{color:#475569}       /* body → readable slate (7.58:1) */
.copc-card-icon{color:#8A6A1F}       /* chart/timer/check icons → deeper gold (5.05:1) */

/* 7 · Tag/pill chips → light amber tint, deep gold text, subtle 1px border */
.copc-tag{background:#FBF6EC;color:#8A6A1F;border-color:rgba(138,106,31,.28)}

/* 8 · Bottom CTA bar (within the same section) → light surface, navy
   heading, slate text so it stays readable on white */
.copc-bottom-bar{background:#F8FAFC;border-color:#E5E9F0}
.copc-bottom-bar-text h4{color:#0F172A}
.copc-bottom-bar-text p{color:#475569}