/* Distinct seasonal palettes. The shared transparent PNG is only masked/tinted,
   retaining the shape of the HD monogram and the legible HRS wordmark. */
:root{--hrs-brand-gradient:linear-gradient(135deg,#fa7b7a,#b82538);--festive-button:linear-gradient(110deg,#b62431,#68121d);--festive-hero:none}
:root[data-theme=blue]{--hrs-brand-gradient:linear-gradient(135deg,#58a3ff,#8158f1)}
:root[data-theme=halloween]{--hrs-brand-gradient:linear-gradient(135deg,#ffa543 15%,#f29336 40%,#b087ec 70%,#824ec6);--festive-button:linear-gradient(110deg,#b95514,#7135b5);--festive-hero:radial-gradient(ellipse at 85% 15%,#65349a55,transparent 60%),radial-gradient(ellipse at 10% 90%,#9a4f182c,transparent 60%),#140e1d}
:root[data-theme=christmas]{--hrs-brand-gradient:linear-gradient(135deg,#f6fffa 5%,#58b57d 38%,#d44754 78%);--festive-button:linear-gradient(110deg,#b32638,#872334);--festive-hero:radial-gradient(ellipse at 90% 20%,#27624466,transparent 60%),radial-gradient(ellipse at 20% 90%,#96283530,transparent 55%),#0c2118}
:root[data-theme=easter]{--hrs-brand-gradient:linear-gradient(135deg,#ffcbb0,#78bfa7);--festive-button:linear-gradient(110deg,#176a60,#24594f);--festive-hero:radial-gradient(ellipse at 90% 20%,#a9675740,transparent 60%),radial-gradient(ellipse at 10% 90%,#3e897055,transparent 55%),#152821}
:root[data-theme=lunar-new-year]{--hrs-brand-gradient:linear-gradient(135deg,#f5d781,#e75d55 60%,#b92c38);--festive-button:linear-gradient(110deg,#b0252b,#7d1821);--festive-hero:radial-gradient(ellipse at 90% 20%,#a8353455,transparent 60%),radial-gradient(ellipse at 10% 80%,#a17b332b,transparent 55%),#251011}
:root[data-theme=songkran]{--hrs-brand-gradient:linear-gradient(135deg,#e0faff,#56c8de 52%,#ffdd74);--festive-button:linear-gradient(110deg,#146b83,#15596c);--festive-hero:radial-gradient(ellipse at 90% 20%,#2891ac55,transparent 60%),radial-gradient(ellipse at 10% 90%,#407d892b,transparent 55%),#0b222a}
:root[data-theme=cinco-de-mayo]{--hrs-brand-gradient:linear-gradient(135deg,#ffd367 15%,#f27878 42%,#65ccbd 80%);--festive-button:linear-gradient(110deg,#a92d42,#206d63);--festive-hero:radial-gradient(ellipse at 90% 20%,#a9356044,transparent 60%),radial-gradient(ellipse at 10% 80%,#278b7055,transparent 55%),#122523}
:root[data-theme=diwali]{--hrs-brand-gradient:linear-gradient(135deg,#ffe5a6,#f1ab43 45%,#e57235);--festive-button:linear-gradient(110deg,#8b4c14,#754420);--festive-hero:radial-gradient(ellipse at 90% 20%,#ad753155,transparent 60%),radial-gradient(ellipse at 10% 90%,#b35a282f,transparent 55%),#23180e}
.brand .brand-image::after{content:'';position:absolute;inset:0;pointer-events:none;background:var(--hrs-brand-gradient);background-size:63px 100%;background-repeat:no-repeat;mask-image:url('../hrs-logo-hd-transparent-v74.png');mask-size:186px 93px;mask-position:-15px -17px;mask-repeat:no-repeat;clip-path:inset(0 95px 0 0)}
.brand-mark{width:40px;height:38px;flex:none;border-radius:0;background:var(--hrs-brand-gradient);color:transparent;mask-image:url('../hrs-logo-hd-transparent-v74.png');mask-size:118px 59px;mask-position:-9.5px -10.8px;mask-repeat:no-repeat}
:root:not([data-theme=blue]):not([data-theme=red-black]) .showcase-home main{background:var(--festive-hero)}
:root:not([data-theme=blue]):not([data-theme=red-black]) .showcase-home .button:not(.button-outline),:root:not([data-theme=blue]):not([data-theme=red-black]) .primary{background:var(--festive-button);color:#fff}
:root:not([data-theme=blue]):not([data-theme=red-black]) .showcase-home .button:not(.button-outline):hover,:root:not([data-theme=blue]):not([data-theme=red-black]) .primary:hover{background:var(--festive-button);filter:brightness(.92)}
:root[data-theme=halloween] .showcase-home .site-header{background:#170f22}
:root[data-theme=halloween] .showcase-home .spotlight-slide{background:#251932;border-color:#836796}
:root[data-theme=halloween] .showcase-home .spotlight-bar{background:#352143}
:root[data-theme=halloween] .showcase-home .spotlight-controls button{background:#352143;border-color:#977cab}
:root[data-theme=halloween] .showcase-home h1{background-image:linear-gradient(110deg,#fff 25%,#f8d6ab 50%,#ddadf5 90%)}
:root[data-theme=halloween] .showcase-home .eyebrow{color:#ffd49d}
:root[data-theme=halloween] .showcase-home .section-heading .eyebrow{color:#76478c}
:root[data-theme=halloween] .showcase-home .contact-callout{background:linear-gradient(135deg,#26162f,#3a2020);border-color:#9b799c}
:root[data-theme=halloween] .sidebar,:root[data-theme=halloween] .login-art{background:radial-gradient(ellipse at 0 0,#67319566,transparent 55%),linear-gradient(160deg,#2a173d,#15111c)}
:root[data-theme=halloween] .nav-item.active{background:linear-gradient(110deg,#5a2c79,#63371c)}
:root[data-theme=halloween] .featured-panel{background:linear-gradient(135deg,#eee6f6,#f8eee2)}
:root[data-theme=christmas] .showcase-home .site-header{background:#10241a;border-bottom-color:#4b775d}
:root[data-theme=christmas] .showcase-home h1{background-image:linear-gradient(110deg,#fff,#e9faee 80%)}
:root[data-theme=christmas] .showcase-home .status-dot{background:#f18f97;box-shadow:0 0 0 4px #f18f9720}
:root[data-theme=christmas] .showcase-home .button-outline{background:#102e22;border-color:#8bc49a;color:#fff}
:root[data-theme=christmas] .showcase-home #projects{background:linear-gradient(#f7fcf8,#fff)}
:root[data-theme=christmas] .sidebar,:root[data-theme=christmas] .login-art{background:radial-gradient(ellipse at 0 0,#2c704455,transparent 55%),linear-gradient(160deg,#123321,#101b16)}
:root[data-theme=christmas] .nav-item.active{background:linear-gradient(110deg,#4d2931,#224f37)}
:root[data-theme=christmas] .featured-panel{background:linear-gradient(135deg,#eef8ef,#faeeed)}
:root[data-theme=cinco-de-mayo] .showcase-home h1{background-image:linear-gradient(110deg,#fff 30%,#ffd48c 55%,#f4b0b5 78%,#a5e5d7)}
:root[data-theme=cinco-de-mayo] .showcase-home .spotlight-slide{background:#172f2d;border-color:#689c92}
:root[data-theme=cinco-de-mayo] .showcase-home .spotlight-bar{background:#213f3a}
:root[data-theme=cinco-de-mayo] .showcase-home .site-header{background:#10231f}
:root[data-theme=cinco-de-mayo] .sidebar,:root[data-theme=cinco-de-mayo] .login-art{background:radial-gradient(ellipse at 0 0,#76304466,transparent 55%),linear-gradient(160deg,#173d33,#17241e)}
:root[data-theme=cinco-de-mayo] .nav-item.active{background:linear-gradient(110deg,#6d2837,#275c4f)}
:root[data-theme=cinco-de-mayo] .featured-panel{background:linear-gradient(135deg,#fae9e9,#e6f3ed)}
.appearance-option[data-choice=halloween] .appearance-swatch{background:linear-gradient(120deg,#3c1b57,#9e4b16)}
.appearance-option[data-choice=christmas] .appearance-swatch{background:linear-gradient(120deg,#123323,#26603f 65%,#802638)}