/* POOKALAM TOP on the WCPL violet page (user 2026-09-27 "these combined"):
   load AFTER theme-wcpl.css. Only the menu bar, hero and stats band take the Onam pookalam colours;
   About, Members, Performances, Enroll and footer stay WCPL violet · gold · green. */
:root { --mar: #830B2A; --mard: #5C1220; --saf: #E8792B; --mari: #F2B01E; --mari-l: #FDE7B0; --leaf: #2E5A2F; }
.nav { background: var(--mar); border-bottom: 3px solid var(--mari); }
.brand b { color: var(--mari); }
.brand small { color: #FFD9A0; }
.brand img { border-color: var(--mari); }
.links a { color: #FFF4DC; }
.links a:hover { background: rgba(242, 176, 30, .18); }
.links a.cta { background: var(--mari); color: var(--mard); }
.burger { background: var(--mari); color: var(--mard); }
.hero { background: radial-gradient(circle at 50% 42%, #FFF6DD 0%, var(--mari-l) 32%, var(--mari) 62%, var(--saf) 100%); }
.grid-bg { background-image: radial-gradient(circle, var(--mar) 1.5px, transparent 1.6px); background-size: 34px 34px; opacity: .12; }
.pill { background: var(--leaf); color: #FFF4DC; border-color: var(--leaf); }
.hero h1 { color: var(--mar); text-shadow: none; }
.tag { color: var(--leaf); }
.hero .btn { background: var(--mar); color: #FFF4DC; border-color: var(--mard); box-shadow: 0 6px 24px rgba(131, 11, 42, .3); }
.hero .btn.ghost { background: transparent; color: var(--mar); border-color: var(--mar); box-shadow: none; }
.stats { background: var(--leaf); border-bottom: 3px solid var(--mari); }
.stats b { color: var(--mari); }
.stats span { color: #FFE7B5; }
@media (max-width: 760px) { .links { background: var(--mar); border-bottom-color: var(--mari); } }