/* ============================================================================
   SUCCESS ENGLISH COLLEGE — brand tokens
   ---------------------------------------------------------------------------
   One palette for the whole system, taken straight from the logo:
     cap navy  #10324d · cap side #0071bd · "SUCCESS" royal #1018c0
     left wing (green) #28d030 · right wing (blue) #0818c8 · silver paper #f5f5f5
   Loaded by the public shell (public pages + courses), the portal theme
   (student + admin) and the login / register skin. Change a colour here and
   every part of the site follows.
   ============================================================================ */
:root{
  --sec-ink:#0e1b2c;
  --sec-navy:#10324d;
  --sec-navy-deep:#0a1f33;
  --sec-royal:#1a24c4;
  --sec-royal-deep:#1018a0;
  --sec-royal-soft:#eef0ff;
  --sec-sky:#0071bd;
  --sec-green:#28c435;
  --sec-green-ink:#13801f;
  --sec-green-soft:#e9fbea;
  --sec-paper:#f5f7fb;
  --sec-paper-2:#eaeef6;
  --sec-white:#ffffff;
  --sec-line:#e1e6f0;
  --sec-muted:#5b6578;
  --sec-danger:#d93a2b;
  --sec-warn:#c97a00;
  --sec-wing:linear-gradient(90deg,#28c435 0%,#28c435 46%,#1a24c4 54%,#1a24c4 100%);
  --sec-grad:linear-gradient(135deg,#1a24c4 0%,#0d2c8f 55%,#10324d 100%);
  --sec-shadow:0 14px 36px rgba(16,50,77,.10);
  --sec-shadow-sm:0 6px 18px rgba(16,50,77,.08);
  --sec-radius:18px;
  --sec-font:'Plus Jakarta Sans','Noto Sans Sinhala',system-ui,-apple-system,'Segoe UI',sans-serif;
  --sec-display:'Oswald','Noto Sans Sinhala','Plus Jakarta Sans',sans-serif;
  /* the two book wings, as an image — used for heading ornaments and bullets */
  --sec-wings-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 36'%3E%3Cpath d='M57 33C42 21 22 11 3 8c11 9 31 18 54 25z' fill='%2328c435'/%3E%3Cpath d='M57 35C44 29 27 24 10 23c14 6 30 10 47 12z' fill='%2328c435'/%3E%3Cpath d='M63 33c15-12 35-22 54-25-11 9-31 18-54 25z' fill='%231a24c4'/%3E%3Cpath d='M63 35c13-6 30-11 47-12-14 6-30 10-47 12z' fill='%231a24c4'/%3E%3C/svg%3E");
}

/* ---------- small shared pieces, usable on any page ---------- */
.sec-wings{display:inline-block;width:64px;height:20px;background:var(--sec-wings-img) center/contain no-repeat;vertical-align:middle}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 var(--sec-font);letter-spacing:.18em;text-transform:uppercase;color:var(--sec-royal)}
.sec-eyebrow::before{content:"";width:38px;height:12px;background:var(--sec-wings-img) center/contain no-repeat;flex:none}
.sec-display{font-family:var(--sec-display);font-weight:700;letter-spacing:.01em;text-transform:uppercase;line-height:1.02}
.sec-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 24px;border-radius:999px;border:2px solid var(--sec-royal);background:var(--sec-royal);color:#fff;font:800 14px/1.1 var(--sec-font);letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease;box-shadow:0 10px 24px rgba(26,36,196,.24)}
.sec-btn:hover{background:var(--sec-royal-deep);border-color:var(--sec-royal-deep);transform:translateY(-2px)}
.sec-btn:focus-visible{outline:3px solid var(--sec-green);outline-offset:3px}
.sec-btn--green{background:var(--sec-green-ink);border-color:var(--sec-green-ink);box-shadow:0 10px 24px rgba(19,128,31,.24)}
.sec-btn--green:hover{background:#0e6a18;border-color:#0e6a18}
.sec-btn--ghost{background:transparent;color:var(--sec-navy);border-color:var(--sec-line);box-shadow:none}
.sec-btn--ghost:hover{background:#fff;color:var(--sec-royal);border-color:var(--sec-royal)}
.sec-btn--light{background:#fff;color:var(--sec-royal);border-color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.sec-btn--light:hover{background:var(--sec-green-soft);border-color:var(--sec-green-soft);color:var(--sec-royal-deep)}
@media (prefers-reduced-motion:reduce){.sec-btn{transition:none}.sec-btn:hover{transform:none}}