/* =============================================================================
   CPCSL — brand tokens. Loaded on every surface (public, student, courses,
   admin) by brand_head() in database/brand.php. Only --cp-* variables and
   .cp-* helpers live here, so it can never fight a page's own rules; each
   surface's stylesheet maps its own variables onto these.
   ============================================================================= */
:root{
  /* crimson ribbon */
  --cp-wine-950:#22070C;
  --cp-wine-900:#3A0A12;
  --cp-wine-800:#5A0E1A;
  --cp-crimson-700:#8E1422;
  --cp-crimson-600:#B3151F;
  --cp-red-500:#D51C1E;
  --cp-rose-100:#FBE9E7;
  --cp-rose-50:#FDF4F2;
  /* amber ribbon */
  --cp-amber-500:#E38B12;
  --cp-amber-600:#C9770F;
  --cp-gold-600:#A8741E;
  --cp-gold-400:#D9A44A;
  --cp-gold-200:#F3D9A4;
  --cp-amber-50:#FDF5E7;
  --cp-slate-600:#55585C;
  /* paper + ink */
  --cp-ink:#21161A;
  --cp-ink-2:#4A3D40;
  --cp-muted:#7A6C6E;
  --cp-ivory:#FBF7F1;
  --cp-sand:#F4ECE1;
  --cp-line:#E9DDCF;
  --cp-white:#FFFFFF;
  /* signature gradients — straight off the two ribbons */
  --cp-grad-crimson:linear-gradient(118deg,#4A0A14 0%,#8E1422 52%,#D51C1E 100%);
  --cp-grad-amber:linear-gradient(118deg,#E8961A 0%,#C9770F 55%,#5E5A57 100%);
  --cp-grad-ribbon:linear-gradient(118deg,#5A0E1A 0%,#B3151F 46%,#E38B12 100%);
  /* type */
  --cp-font-ui:'Manrope','Noto Sans Sinhala',system-ui,-apple-system,'Segoe UI',sans-serif;
  --cp-font-display:'Fraunces','Noto Sans Sinhala',Georgia,'Times New Roman',serif;
  --cp-font-mark:'Cinzel','Fraunces',Georgia,serif;
  /* shape */
  --cp-r-sm:10px;--cp-r:16px;--cp-r-lg:24px;--cp-r-xl:34px;
  --cp-shadow-sm:0 2px 8px rgba(58,10,18,.06);
  --cp-shadow:0 14px 36px -12px rgba(58,10,18,.18);
  --cp-shadow-lg:0 30px 70px -24px rgba(58,10,18,.32);
  --cp-ease:cubic-bezier(.22,.9,.3,1);
}

/* ---- shared helpers ---- */
.cp-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 12px/1 var(--cp-font-mark);
  letter-spacing:.28em;text-transform:uppercase;color:var(--cp-gold-600);}
.cp-eyebrow::before{content:"";width:26px;height:2px;border-radius:2px;background:var(--cp-grad-ribbon);}
.cp-wordmark{font-family:var(--cp-font-mark);font-weight:600;letter-spacing:.32em;color:var(--cp-gold-600);}
.cp-ribbon-rule{height:4px;border:0;border-radius:4px;background:var(--cp-grad-ribbon);}
.cp-skip{position:absolute;left:-9999px;top:8px;z-index:3000;background:var(--cp-ink);color:#fff;padding:10px 16px;border-radius:8px;}
.cp-skip:focus{left:12px;}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}