/* ==========================================================================
   AimTech: black and gold theme
   Active when <html data-theme="gold">. The first part is generated from
   styles.css by remapping every navy/green/blue colour to black/gold; the
   second part is the hand-tuned typography, foil and frame layer.
   Delete this file and theme.js to remove the theme completely.
   ========================================================================== */

/* theme toggle button (both themes) */
.theme-toggle{width:38px;min-height:38px;padding:0}
.theme-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.theme-toggle svg{width:19px;height:19px}
.theme-toggle.is-on{border-color:rgba(237,200,117,.65);background:rgba(237,200,117,.12);color:var(--gold)}

/* ---------- part 1: auto-mapped colours ---------- */
html[data-theme="gold"] .live-dot,html[data-theme="gold"] .eyebrow-dot{box-shadow:0 0 0 5px rgba(201,155,38,0.14)}
html[data-theme="gold"] .site-header{background:rgba(9,8,7,0.7)}
html[data-theme="gold"] .site-header.is-scrolled{background:rgba(8,7,6,0.92)}
html[data-theme="gold"] .main-nav a,html[data-theme="gold"] .footer-links a{color:#e2ddd0}
html[data-theme="gold"] .language-switch{border:1px solid rgba(232,195,95,0.144)}
html[data-theme="gold"] .lang-btn{color:#d1c8b3}
html[data-theme="gold"] .button-primary{color:#0d0c0a;box-shadow:0 10px 26px rgba(201,155,38,0.2)}
html[data-theme="gold"] .button-primary:hover{box-shadow:0 14px 32px rgba(201,155,38,0.32)}
html[data-theme="gold"] .button-quiet{color:#f2efe9;border-color:rgba(232,195,95,0.162);background:rgba(232,195,95,0.045)}
html[data-theme="gold"] .button-quiet:hover{background:rgba(232,195,95,0.09)}
html[data-theme="gold"] .hero{background:radial-gradient(ellipse 58% 72% at 76% 50%,rgba(128,97,18,0.4),transparent 64%),
  radial-gradient(ellipse 42% 52% at 8% 100%,rgba(237,200,117,.08),transparent 72%),
  linear-gradient(120deg,#090907 0%,#0d0c0a 55%,#100f0c 100%)}
html[data-theme="gold"] .hero-grid{background-image:linear-gradient(rgba(232,195,95,0.0216) 1px,transparent 1px),linear-gradient(90deg,rgba(232,195,95,0.0216) 1px,transparent 1px)}
html[data-theme="gold"] .hero:after{border:1px solid rgba(201,155,38,0.12);box-shadow:0 0 0 42px rgba(201,155,38,0.025),0 0 0 86px rgba(201,155,38,0.018)}
html[data-theme="gold"] .hero-lead{color:#d9d2c2}
html[data-theme="gold"] .play-mini{background:rgba(232,195,95,0.108)}
html[data-theme="gold"] .hero-proof{color:#c3bcaf}
html[data-theme="gold"] .visual-glow{background:rgba(142,108,21,0.22)}
html[data-theme="gold"] .orbit{border:1px solid rgba(213,177,87,0.12)}
html[data-theme="gold"] .scene-panel{background:radial-gradient(ellipse 62% 58% at 50% 60%,rgba(142,108,21,0.34),transparent 66%),
  linear-gradient(160deg,#11100d,#0b0a09 72%);box-shadow:0 40px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(232,195,95,0.09)}
html[data-theme="gold"] .scene-top{color:#dfd9cb}
html[data-theme="gold"] .scene-reset{background:rgba(11,10,9,0.72);color:#e2dccf}
html[data-theme="gold"] .scene-tag{background:rgba(11,10,9,0.92)}
html[data-theme="gold"] .floating-note{border:1px solid rgba(232,195,95,0.126);background:rgba(15,13,11,0.9)}
html[data-theme="gold"] .note-symbol{background:rgba(201,155,38,0.16);color:#e0c171}
html[data-theme="gold"] .note-symbol-blue{color:#f1dfb0;background:rgba(227,191,99,0.15)}
html[data-theme="gold"] .floating-note small{color:#bbb4a6}
html[data-theme="gold"] .floating-note b{color:#e0d4b8}
html[data-theme="gold"] .hero-bottom{color:#aea594}
html[data-theme="gold"] .hero-bottom a{border:1px solid rgba(232,195,95,0.162)}
html[data-theme="gold"] .value-strip{background:linear-gradient(180deg,#0d0c0a,#0c0b09)}
html[data-theme="gold"] .tour-section{background:radial-gradient(ellipse 60% 55% at 50% 38%,rgba(120,92,20,0.3),transparent 70%),
  linear-gradient(180deg,#0c0b09,#0a0908)}
html[data-theme="gold"] .video-card{background:linear-gradient(165deg,rgba(20,18,16,0.92),rgba(11,10,9,0.94));box-shadow:0 44px 110px rgba(0,0,0,.5),0 0 0 1px rgba(232,195,95,0.027) inset}
html[data-theme="gold"] .video-card:before{background:conic-gradient(from var(--ang),rgba(237,200,117,0) 0deg,rgba(237,200,117,0) 210deg,var(--gold) 275deg,var(--green) 325deg,rgba(201,155,38,0) 360deg)}
html[data-theme="gold"] .video-topline{color:#dfd9cc}
html[data-theme="gold"] .video-frame{background:#100f0d}
html[data-theme="gold"] .video-frame video{background:#100f0d}
html[data-theme="gold"] .poster-shade{background:linear-gradient(180deg,rgba(8,7,6,0.1) 10%,rgba(8,7,6,0.22) 45%,rgba(8,7,6,0.86) 100%)}
html[data-theme="gold"] .video-pill{border:1px solid rgba(232,195,95,0.198);background:rgba(11,10,9,0.6)}
html[data-theme="gold"] .play-button{color:#0d0c0a;box-shadow:0 0 0 8px rgba(232,195,95,0.09),0 18px 44px rgba(0,0,0,.4)}
html[data-theme="gold"] .play-button:hover{box-shadow:0 0 0 12px rgba(232,195,95,0.117),0 18px 44px rgba(0,0,0,.4)}
html[data-theme="gold"] .play-button:before{border:2px solid rgba(217,176,71,0.6)}
html[data-theme="gold"] .video-controls{background:rgba(9,8,7,0.8);color:#f2efe9}
html[data-theme="gold"] .vc-btn:hover{background:rgba(232,195,95,0.09)}
html[data-theme="gold"] .vc-time{color:#dfd9cc}
html[data-theme="gold"] .vc-track{background:rgba(232,195,95,0.18)}
html[data-theme="gold"] .foot-mark b{color:#f1eee8}
html[data-theme="gold"] .foot-mark small{color:#aea593}
html[data-theme="gold"] .chapter{background:rgba(232,195,95,0.0315);color:#e9e4da}
html[data-theme="gold"] .chapter:hover{background:rgba(232,195,95,0.0675)}
html[data-theme="gold"] .ch-time{background:rgba(232,195,95,0.063)}
html[data-theme="gold"] .how-section{background:linear-gradient(180deg,#0a0908,#0c0b09)}
html[data-theme="gold"] .step-card:before{background:radial-gradient(circle,rgba(201,155,38,0.16),transparent 70%)}
html[data-theme="gold"] .step-icon{background:rgba(201,155,38,0.14);border:1px solid rgba(201,155,38,0.3)}
html[data-theme="gold"] .programs-section{background:linear-gradient(180deg,#0c0b09,#0b0a09 60%,#0a0908)}
html[data-theme="gold"] .program-info>p{color:#d0c7b2}
html[data-theme="gold"] .feature-list li{color:#e6e1d5}
html[data-theme="gold"] .feature-list li:before{background:rgba(201,155,38,0.18)}
html[data-theme="gold"] .lookup-logo .brand-mark,html[data-theme="gold"] .foot-mark .brand-mark{background:#0b0a09}
html[data-theme="gold"] .mission-band{background:linear-gradient(120deg,#100f0d 0%,#0e0d0b 55%,#13110f 100%)}
html[data-theme="gold"] .mission-content>p{color:#d5cdba}
html[data-theme="gold"] .contact-section{background:linear-gradient(180deg,#0a0908,#0b0a09)}
html[data-theme="gold"] .contact-form label{color:#e6e1d5}
html[data-theme="gold"] .optional{color:#a19782}
html[data-theme="gold"] .contact-form input{border:1px solid rgba(232,195,95,0.126);background:rgba(232,195,95,0.045)}
html[data-theme="gold"] .contact-form input:focus{background:rgba(232,195,95,0.072);box-shadow:0 0 0 3px rgba(201,155,38,0.18)}
html[data-theme="gold"] .contact-form input::placeholder{color:#a09681}
html[data-theme="gold"] .footer-main>p{color:#b4ac9c}
html[data-theme="gold"] .footer-bottom{color:#a49a86}
html[data-theme="gold"] .footer-bottom>span:nth-child(2){color:#bcb5a7}
html[data-theme="gold"] .back-top{border:1px solid rgba(232,195,95,0.153)}
@media(max-width:760px){
html[data-theme="gold"] .menu-toggle{border:1px solid rgba(232,195,95,0.162);background:rgba(232,195,95,0.036)}
html[data-theme="gold"] .menu-toggle span{background:#f1eee8}
html[data-theme="gold"] .main-nav{border:1px solid rgba(232,195,95,0.108);background:#0e0d0b}
html[data-theme="gold"] .main-nav a:hover{background:rgba(232,195,95,0.054)}
html[data-theme="gold"] .footer-links{border-top:1px solid rgba(232,195,95,0.081)}
}
html[data-theme="gold"] .product-visual{border:1px solid #efece5;background:linear-gradient(145deg,#faf9f6,#f4f2ee)}
html[data-theme="gold"] .product-visual:before{background:rgba(196,169,100,0.12)}
html[data-theme="gold"] .product-visual:after{background:rgba(173,164,147,0.11)}
html[data-theme="gold"] .visual-label{color:#756b58}
html[data-theme="gold"] .mini-window-dots i{background:#e2dccf}
html[data-theme="gold"] .mini-window-dots i:last-child{background:#ceb26c}
html[data-theme="gold"] .visual-status{color:#8e7639}
html[data-theme="gold"] .visual-status i,html[data-theme="gold"] .dash-bottom>span:first-child i{background:#bd9329}
html[data-theme="gold"] .mini-dashboard{border:1px solid #f0ede6;box-shadow:0 14px 38px rgba(17,16,13,0.1)}
html[data-theme="gold"] .dash-sidebar{background:#100e0c}
html[data-theme="gold"] .dash-logo{background:#bf9325;color:#0d0c0a}
html[data-theme="gold"] .dash-sidebar>i{background:rgba(232,195,95,0.126)}
html[data-theme="gold"] .dash-sidebar>i:nth-child(3){background:rgba(199,154,40,0.75)}
html[data-theme="gold"] .dash-heading b{color:#151411}
html[data-theme="gold"] .dash-heading small{color:#b3ab9b}
html[data-theme="gold"] .dash-filter{border:1px solid #efece6;color:#8a7f68}
html[data-theme="gold"] .stat-card{border:1px solid #f4f1ec}
html[data-theme="gold"] .stat-card>small{color:#9a8f78}
html[data-theme="gold"] .stat-card>b{color:#12110e}
html[data-theme="gold"] .stat-positive{color:#8b6a16}
html[data-theme="gold"] .stat-neutral{color:#958972}
html[data-theme="gold"] .chart-card{border:1px solid #f4f1ec}
html[data-theme="gold"] .chart-head span{color:#b1a897}
html[data-theme="gold"] .table-head{color:#b0a897;border-bottom:1px solid #f4f2ee}
html[data-theme="gold"] .table-line{border-bottom:1px solid #f6f4f0;color:#887d66}
html[data-theme="gold"] .av-a{background:#e7d8b1;color:#816213}
html[data-theme="gold"] .av-b{background:#faf4e5;color:#817762}
html[data-theme="gold"] .status-tag{background:#e8d8b0;color:#846311}
html[data-theme="gold"] .status-muted{background:#f5f4f0;color:#938770}
html[data-theme="gold"] .dash-bottom{color:#a79e8b}
html[data-theme="gold"] .visual-caption{color:#a89f8c}
html[data-theme="gold"] .lookup-card{border:1px solid #eeebe4;box-shadow:0 16px 42px rgba(17,16,13,0.11)}
html[data-theme="gold"] .lookup-logo b{color:#14120f}
html[data-theme="gold"] .lookup-logo small{color:#a59b88}
html[data-theme="gold"] .lookup-menu{color:#b2aa99}
html[data-theme="gold"] .lookup-search-label{color:#897e68}
html[data-theme="gold"] .lookup-search{border:1px solid #ece8df;color:#b2a998}
html[data-theme="gold"] .lookup-search>span:first-child{color:#958a73}
html[data-theme="gold"] .lookup-search kbd{border:1px solid #f1eee7;color:#b4ac9c}
html[data-theme="gold"] .lookup-result-label{color:#8a7f68}
html[data-theme="gold"] .result-count{color:#b0a897}
html[data-theme="gold"] .hotel-result{border:1px solid #f1eee8;background:#d6d0c2}
html[data-theme="gold"] .hotel-thumb{background:linear-gradient(145deg,#dfd4b9,#b7aa8a);color:rgba(83,64,17,0.75)}
html[data-theme="gold"] .hotel-detail>b{color:#161411}
html[data-theme="gold"] .hotel-detail>small{color:#a19783}
html[data-theme="gold"] .license-label{color:#aca392}
html[data-theme="gold"] .hotel-detail>strong{color:#171612}
html[data-theme="gold"] .copy-button{border:1px solid #ded4ba;background:#e6d7b3;color:#886817}
html[data-theme="gold"] .copy-button:hover{background:#e9d8af}
html[data-theme="gold"] .lookup-note{color:#9c917c}
html[data-theme="gold"] .lookup-note>span:first-child{color:#a27b1a}
html[data-theme="gold"] .sound-toggle{border:1px solid rgba(232,195,95,0.144);background:rgba(232,195,95,0.0315);color:#d6cebc}
html[data-theme="gold"] .sound-toggle:hover,html[data-theme="gold"] .sound-toggle.is-on{border-color:rgba(201,155,38,0.55);background:rgba(201,155,38,0.1);color:#e4ca87}
html[data-theme="gold"] .site-header .brand-mark{filter:drop-shadow(0 0 14px rgba(196,154,46,0.25))}
html[data-theme="gold"] .about-section{background:linear-gradient(180deg,#0a0908,#0c0b09)}
html[data-theme="gold"] .about-lead{color:#d9d2c2}
html[data-theme="gold"] .vm-card p{color:#d3cbb8}
html[data-theme="gold"] .why-icon{background:rgba(201,155,38,0.14);border:1px solid rgba(201,155,38,0.3)}
html[data-theme="gold"] .stats-row{background:linear-gradient(120deg,rgba(237,200,117,.08),rgba(201,155,38,0.07))}
html[data-theme="gold"] .stat-box>span{color:#d9d2c2}
html[data-theme="gold"] .poster-shade{background:radial-gradient(circle at 50% 50%,rgba(8,7,6,0.5),rgba(8,7,6,0.12) 48%,transparent 75%)}
html[data-theme="gold"] .chat-fab{color:#0d0c0a;box-shadow:0 14px 34px rgba(0,0,0,.4),0 0 0 6px rgba(201,155,38,0.14)}
html[data-theme="gold"] .chat-fab:after{border:2px solid rgba(217,176,71,0.55)}
html[data-theme="gold"] .chat-nudge{background:rgba(11,10,9,0.95)}
html[data-theme="gold"] .chat-panel{background:linear-gradient(180deg,#100e0c,#0b0a09)}
html[data-theme="gold"] .chat-head{background:linear-gradient(120deg,rgba(201,155,38,0.16),rgba(237,200,117,.08))}
html[data-theme="gold"] .chat-head .live-dot{box-shadow:0 0 0 3px rgba(201,155,38,0.18)}
html[data-theme="gold"] .chat-x{background:rgba(232,195,95,0.054);color:#e3ded2}
html[data-theme="gold"] .chat-x:hover{background:rgba(232,195,95,0.108)}
html[data-theme="gold"] .msg.bot{background:rgba(232,195,95,0.063);color:#f1eee8}
html[data-theme="gold"] .msg.me{color:#261d05}
html[data-theme="gold"] .typing i{background:#beb7a9}
html[data-theme="gold"] .chat-form input{border:1px solid rgba(232,195,95,0.126);background:rgba(232,195,95,0.045)}
html[data-theme="gold"] .chat-form button{color:#2a1f05}
html[data-theme="gold"] .pilgrim-count{background:linear-gradient(120deg,rgba(237,200,117,.1),rgba(201,155,38,0.08))}
html[data-theme="gold"] .pc-main small{color:#d9d2c2}
html[data-theme="gold"] .pc-trend{background:rgba(201,155,38,0.16)}
html[data-theme="gold"] .programs-section{background:linear-gradient(180deg,#0c0b09,#0b0a09)}
html[data-theme="gold"] .tour-section{background:radial-gradient(ellipse 60% 55% at 50% 38%,rgba(120,92,20,0.3),transparent 70%),linear-gradient(180deg,#0b0a09,#0a0908)}
html[data-theme="gold"] .how-section{background:linear-gradient(180deg,#0a0908,#0c0b09)}
html[data-theme="gold"] .about-section{background:linear-gradient(180deg,#0c0b09,#0a0908)}
html[data-theme="gold"] .wa-btn{box-shadow:0 10px 26px rgba(211,162,37,0.22)}
html[data-theme="gold"] .wa-btn:hover{box-shadow:0 14px 32px rgba(211,162,37,0.38)}
html[data-theme="gold"] .wa-icon{border-color:rgba(211,162,37,0.45);background:rgba(211,162,37,0.1)}
html[data-theme="gold"] .chat-wa{background:rgba(211,162,37,0.16)}
html[data-theme="gold"] .chat-wa:hover{background:rgba(211,162,37,0.28)}
html[data-theme="gold"] .promo-band{background:linear-gradient(120deg,rgba(237,200,117,.16),rgba(201,155,38,0.1) 60%,rgba(11,10,9,0.4))}
html[data-theme="gold"] .promo-text p{color:#dcd5c5}
html[data-theme="gold"] .stat-box>span{color:#e3ded2}
html[data-theme="gold"] .poster-shade{background:linear-gradient(180deg,rgba(8,7,6,0.04) 45%,rgba(8,7,6,0.6) 100%)}
html[data-theme="gold"] .contact-form input::placeholder{color:#afa695}

/* ==========================================================================
   Hand-tuned luxury layer: tokens, Arabic typography, foil, frames
   ========================================================================== */
html[data-theme="gold"]{
  color-scheme:dark;
  --navy:#050403;--navy-2:#0b0906;--navy-3:#15100a;--deep:#000;
  --ink:#f8f2e4;--ink-2:#e0d3b2;--muted:#bcad84;
  --green:#d9ad45;--green-2:#f5dd96;--green-dark:#a67c1f;
  --gold:#e8c35f;--gold-2:#c79a3a;
  --line:rgba(232,195,95,.15);--line-gold:rgba(232,195,95,.42);
  --glass:rgba(13,10,6,.78);
  --ray:rgba(232,195,95,.17);--halo:rgba(232,195,95,.6);--halo-glow:rgba(232,195,95,.28);--glow:rgba(232,195,95,.2);--mark-dot:#e8c35f;--mark-ring:#d9c288;--mark-fill:rgba(232,195,95,.12);
  --display:"Amiri","Noto Naskh Arabic",serif;
  --ui:"Reem Kufi","IBM Plex Sans Arabic",sans-serif;
  --nums:"Cormorant Garamond","Amiri",serif;
  scrollbar-color:#8a6a22 #050403;
}
html[data-theme="gold"][lang="ar"]{--font:"Noto Naskh Arabic","IBM Plex Sans Arabic","Segoe UI",serif}
html[data-theme="gold"][lang="en"]{--display:"Cormorant Garamond",Georgia,serif;--ui:"Sora","IBM Plex Sans Arabic",sans-serif}
html[data-theme="gold"] ::selection{background:#e8c35f;color:#050403}
html[data-theme="gold"] body{background:radial-gradient(ellipse 90% 45% at 50% -8%,rgba(232,195,95,.11),transparent 62%),#050403}

/* typography: calligraphic display, geometric Kufi for UI, Naskh for reading */
html[data-theme="gold"] :is(h1,h2,.promo-text h3,.program-info h3,.mission-content h2,.why-title,.vm-card h3){font-family:var(--display);font-weight:700;letter-spacing:0}
html[data-theme="gold"] :is(.main-nav a,.button,.lang-btn,.section-kicker,.program-label,.scene-tag,.stat-box>span,.value-item strong,.step-card h3,.why-card h4,.footer-links a,.contact-form label,.promo-badge small,.hero-proof,.chat-head,.visual-label,.brand small){font-family:var(--ui)}
html[data-theme="gold"] :is(.stat-box b,.promo-badge b){font-family:var(--nums);font-weight:700;font-variant-numeric:lining-nums}
html[data-theme="gold"][lang="ar"] :is(.section-kicker,.hero-proof,.brand small){letter-spacing:0}
html[data-theme="gold"] .section-kicker{font-size:13.5px}
html[data-theme="gold"] .section-kicker:before{content:"\25C6";display:inline-block;margin-inline-end:9px;font-size:8px;vertical-align:middle;color:var(--gold)}
html[data-theme="gold"] .hero h1{font-size:clamp(46px,5.8vw,78px);line-height:1.3}
html[data-theme="gold"] :is(.section-head h2,.contact-copy h2){font-size:clamp(38px,4.8vw,60px);line-height:1.3}
html[data-theme="gold"] .mission-content h2{font-size:clamp(30px,3.6vw,46px)}
html[data-theme="gold"] .program-info h3{font-size:clamp(31px,3.6vw,44px)}
html[data-theme="gold"] .vm-card h3{font-size:30px}
html[data-theme="gold"] .why-title{font-size:clamp(30px,3.4vw,40px)}
html[data-theme="gold"] :is(.hero h1 em,.section-head h2 em,.contact-copy h2 em){background:linear-gradient(95deg,#fff3c6 0%,#e8c35f 46%,#b98b27 100%);-webkit-background-clip:text;background-clip:text}
html[data-theme="gold"] :is(p,li){font-feature-settings:"liga" 1,"calt" 1}

/* gold foil buttons */
html[data-theme="gold"] .button-primary,html[data-theme="gold"] .nav-cta{background:linear-gradient(135deg,#f9e8ae 0%,#e5bd54 46%,#b98b27 100%);color:#1a1204;box-shadow:0 10px 30px rgba(232,195,95,.24),inset 0 1px 0 rgba(255,255,255,.5)}
html[data-theme="gold"] .button-primary:hover,html[data-theme="gold"] .nav-cta:hover{box-shadow:0 14px 38px rgba(232,195,95,.42),inset 0 1px 0 rgba(255,255,255,.6)}
html[data-theme="gold"] .button-quiet{border-color:rgba(232,195,95,.34);color:#f3e7c4}
html[data-theme="gold"] .play-button{background:linear-gradient(135deg,#f9e8ae,#d9ad45 55%,#a67c1f);color:#1a1204;box-shadow:0 0 0 8px rgba(232,195,95,.14),0 18px 44px rgba(0,0,0,.6)}
html[data-theme="gold"] .play-ring{border-color:rgba(249,232,174,.75)}
html[data-theme="gold"] .lang-btn.is-active{background:linear-gradient(135deg,#f9e8ae,#d9ad45);color:#1a1204}

/* cards: black body with a gold gradient hairline */
html[data-theme="gold"] :is(.program-card,.step-card,.vm-card,.why-card,.contact-form,.stats-row){
  border:1px solid transparent;
  background:linear-gradient(160deg,#120e08,#080604) padding-box,linear-gradient(150deg,rgba(247,226,160,.6),rgba(232,195,95,.1) 38%,rgba(232,195,95,.06) 62%,rgba(232,195,95,.38)) border-box;
  box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,236,170,.08);
}
html[data-theme="gold"] .step-card:hover{border-color:transparent;box-shadow:0 26px 64px rgba(0,0,0,.6),0 0 0 1px rgba(232,195,95,.25)}

/* hero panel: double gold frame, video recoloured to match */
html[data-theme="gold"] .scene-panel{border-color:rgba(232,195,95,.55);box-shadow:0 0 0 6px #050403,0 0 0 7px rgba(232,195,95,.28),0 40px 100px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,236,170,.18)}
html[data-theme="gold"] .video-frame video{filter:sepia(.75) saturate(1.35) hue-rotate(-14deg) contrast(1.05)}
html[data-theme="gold"] .site-footer{border-top-color:rgba(232,195,95,.5)}
html[data-theme="gold"] .footer-signoff{color:#f3d98a}

@media(max-width:1000px){
  html[data-theme="gold"] .hero h1{font-size:clamp(44px,7vw,62px)}
}
@media(max-width:760px){
  html[data-theme="gold"] .hero h1{font-size:clamp(42px,11.5vw,58px)}
  html[data-theme="gold"] :is(.section-head h2,.contact-copy h2){font-size:40px}
  html[data-theme="gold"] .section-head-centered h2{font-size:38px}
  html[data-theme="gold"] .mission-content h2{font-size:30px}
  html[data-theme="gold"] .program-info h3{font-size:31px}
  html[data-theme="gold"] .vm-card h3{font-size:26px}
  html[data-theme="gold"] .scene-panel{box-shadow:0 0 0 4px #050403,0 0 0 5px rgba(232,195,95,.28),0 30px 70px rgba(0,0,0,.65)}
}
@media(max-width:380px){
  html[data-theme="gold"] .hero h1{font-size:40px}
}

/* ==========================================================================
   Gold theme: the Kaaba and its orbits float on the hero background
   (no square panel): rotating light rays, pulsing halo, drifting gold dust
   ========================================================================== */
html[data-theme="gold"] .scene-panel{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
html[data-theme="gold"] .scene-panel canvas{--scene-k:1.35;inset:-17.5%;width:135%;height:135%;outline:0;animation:goldFloat 9s ease-in-out infinite}
html[data-theme="gold"] .scene-panel:before{inset:-32%;z-index:0;opacity:.95;background-image:repeating-conic-gradient(from 0deg at 50% 50%,rgba(232,195,95,.17) 0deg 2.5deg,transparent 2.5deg 15deg);background-size:auto;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0,rgba(0,0,0,.5) 26%,transparent 58%);mask-image:radial-gradient(circle at 50% 50%,#000 0,rgba(0,0,0,.5) 26%,transparent 58%);animation:goldRays 80s linear infinite}
html[data-theme="gold"] .scene-panel:after{content:"";position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1;margin:-31% 0 0 -31%;border-radius:50%;border:1.5px solid rgba(232,195,95,.6);box-shadow:0 0 44px rgba(232,195,95,.28),inset 0 0 44px rgba(232,195,95,.12);z-index:0;pointer-events:none;animation:goldPulse 7s ease-out infinite}
html[data-theme="gold"] .visual-glow{inset:-8% -4%;background:rgba(232,195,95,.2);filter:blur(84px);animation:goldBreath 8s ease-in-out infinite alternate}
html[data-theme="gold"] .hero-copy{position:relative;z-index:3}
html[data-theme="gold"] .pilgrim-count{z-index:4}
@keyframes goldRays{to{transform:rotate(360deg)}}
@keyframes goldPulse{0%{transform:scale(.5);opacity:.85}100%{transform:scale(1.85);opacity:0}}
@keyframes goldBreath{from{opacity:.5;transform:scale(.94)}to{opacity:1;transform:scale(1.07)}}
@keyframes goldFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(10px,-16px,0)}}
@media(prefers-reduced-motion:reduce){
  html[data-theme="gold"] .scene-panel canvas,html[data-theme="gold"] .scene-panel:before,html[data-theme="gold"] .scene-panel:after,html[data-theme="gold"] .visual-glow{animation:none}
}

/* gold: the pilgrim counter has no box here either */
html[data-theme="gold"] .pilgrim-count{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}