/* refine core palette (chrome inherits via existing vars) */
:root{
  --gold:#c6a253; --gold-light:#e6cd8f; --gold-shine:#f2e2b0; --gold-dark:#9c7a2e;
  --navy:#0c1a30; --navy-mid:#16294a; --panel:#0c1524; --panel-alt:#070d16; --panel-mid:#101c2e;
  --panel-brd:rgba(198,162,83,.16);
}

/* ---- app shell / canvas stage ---- */
body{ color:#e7dcc2; }
.main, #mainArea{
  background:
    radial-gradient(1100px 520px at 50% -8%, rgba(198,162,83,.07), transparent 60%),
    radial-gradient(900px 640px at 92% 112%, rgba(22,41,74,.55), transparent 62%),
    linear-gradient(180deg,#0b1626 0%, #08111f 60%, #060c16 100%) !important;
}
.sheet{ box-shadow:0 40px 90px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.35), 0 0 60px rgba(198,162,83,.05) !important; }
@media print{ .sheet{ box-shadow:none !important; } }

/* ---- sidebar ---- */
.sidebar{ background:linear-gradient(180deg,#0c1826,#091220) !important; border-right:1px solid var(--panel-brd) !important; }
.sb-head{ border-bottom:1px solid var(--panel-brd) !important; }
.sb-brand-icon{ color:var(--gold) !important; text-shadow:0 0 18px rgba(198,162,83,.35); }
#sb-title-h1{ font-family:'Cinzel',serif !important; color:#f0e6cc !important; letter-spacing:.4px; }
#sb-subtitle-p{ color:#9a875f !important; letter-spacing:2px; text-transform:uppercase; font-size:10.5px !important; }
.sb-section-title, .sb-label, .panel-title, .sb-group-title{ font-family:'Cinzel',serif !important; letter-spacing:2px !important; color:#c2a35c !important; }

/* ---- tabs ---- */
.sb-tab.active{ color:var(--gold-light) !important; }
.sb-tab.active::after{ background:linear-gradient(90deg,transparent,var(--gold),transparent) !important; opacity:1 !important; }

/* ---- toolbar ---- */
.main-toolbar{ background:linear-gradient(180deg,rgba(12,24,38,.96),rgba(9,18,30,.96)) !important; border-bottom:1px solid var(--panel-brd) !important; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.tb-btn:hover{ background:rgba(198,162,83,.1) !important; color:var(--gold-light) !important; border-color:rgba(198,162,83,.32) !important; }
.tb-btn.active{ background:rgba(198,162,83,.15) !important; border-color:rgba(198,162,83,.4) !important; color:var(--gold-light) !important; }
.toolbar-label{ font-family:'Cinzel',serif !important; letter-spacing:1.5px; color:#b39a63 !important; }
.toolbar-sep{ background:rgba(198,162,83,.14) !important; }

/* ---- buttons ---- */
.btn{ font-family:'Cinzel',serif !important; letter-spacing:1px; text-transform:uppercase; font-size:12.5px !important; }
.btn-p{ background:linear-gradient(180deg,var(--gold-light),var(--gold)) !important; color:#0c1a30 !important; font-weight:700; box-shadow:0 6px 18px rgba(198,162,83,.3), inset 0 1px 0 rgba(255,255,255,.25) !important; }
.btn-p:hover{ box-shadow:0 8px 24px rgba(198,162,83,.45), inset 0 1px 0 rgba(255,255,255,.28) !important; }
.btn-s{ background:rgba(198,162,83,.06) !important; border:1px solid rgba(198,162,83,.24) !important; color:var(--gold-light) !important; }
.btn-s:hover{ background:rgba(198,162,83,.14) !important; border-color:rgba(198,162,83,.4) !important; }

/* ---- scrollbars ---- */
::-webkit-scrollbar{ width:6px; height:6px; }
::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,var(--gold-dark),var(--gold)) !important; border-radius:4px; }
::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,var(--gold),var(--gold-light)) !important; }

/* ---- modals ---- */
#templateOverlay, #fontPreviewOverlay{ background:rgba(6,11,20,.72) !important; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
#templateModal, #fontPreviewModal, .modal-panel, .credits-modal{
  background:linear-gradient(180deg,#101d30,#0b1523) !important;
  border:1px solid rgba(198,162,83,.28) !important;
  box-shadow:0 30px 80px rgba(0,0,0,.6) !important;
}
.tmpl-card{ background:#0b111c !important; border:1.5px solid rgba(198,162,83,.16) !important; }
.tmpl-card:hover{ border-color:rgba(198,162,83,.5) !important; }
.tmpl-card.active{ border-color:var(--gold) !important; box-shadow:0 0 0 1px var(--gold),0 6px 18px rgba(0,0,0,.5) !important; }
.tmpl-name{ font-family:'Cinzel',serif !important; color:#e9dcbe !important; }

/* ═══════════ SPLASH — CERTIFICATE ATELIER ═══════════ */
#langSplash{
  background:
    radial-gradient(900px 520px at 50% -12%, rgba(198,162,83,.12), transparent 60%),
    linear-gradient(180deg,#0d1a2e 0%, #0a1424 55%, #070f1c 100%) !important;
}
#langSplash::before{ background:radial-gradient(760px 380px at 50% 6%, rgba(198,162,83,.10), transparent 62%) !important; animation:none !important; opacity:1 !important; }
/* a single slow light sweep instead of the sparkle ring */
#langSplash::after{ background:linear-gradient(115deg, transparent 42%, rgba(242,226,176,.05) 50%, transparent 58%) !important; animation:atelierSweep 9s ease-in-out infinite !important; }
@keyframes atelierSweep{ 0%,100%{opacity:.2; transform:translateX(-6%);} 50%{opacity:.55; transform:translateX(6%);} }
.splash-particle, .splash-particle-x{ display:none !important; }

.splash-ornament-line{ background:linear-gradient(90deg,transparent,var(--gold)) !important; }
.splash-ornament-line.r{ background:linear-gradient(90deg,var(--gold),transparent) !important; }
.splash-ornament-gem{ color:var(--gold) !important; text-shadow:0 0 16px rgba(198,162,83,.4); animation:none !important; }
.splash-title{ font-family:'Cinzel',serif !important; color:#f2e7cd !important; text-shadow:0 2px 20px rgba(0,0,0,.4) !important; letter-spacing:2px; }
.splash-arabic-title{ font-family:'Amiri',serif !important; color:var(--gold-light) !important; text-shadow:none !important; }
.splash-subtitle{ color:#b9a883 !important; font-style:italic; }

/* ivory manuscript language cards on navy */
#pickEn, #pickAr, .lang-btn{
  background:linear-gradient(160deg, rgba(244,236,216,.10), rgba(244,236,216,.03)) !important;
  border:1px solid rgba(198,162,83,.3) !important;
  box-shadow:0 12px 40px rgba(0,0,0,.35) !important;
  border-radius:16px !important;
}
#pickEn::before, #pickAr::before{ background:radial-gradient(ellipse at 50% 0%, rgba(198,162,83,.16), transparent 65%) !important; }
.lang-btn:hover, #pickEn:hover, #pickAr:hover{
  transform:translateY(-8px) !important;
  border-color:rgba(230,205,143,.6) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.45), 0 0 30px rgba(198,162,83,.15) !important;
}
.lang-btn-icon{ filter:drop-shadow(0 4px 14px rgba(198,162,83,.3)) !important; }
.lang-btn-main{ font-family:'Cinzel',serif !important; color:#f2e7cd !important; text-shadow:none !important; }
.lang-btn-sub{ color:rgba(233,220,190,.55) !important; }
.lang-btn-badge{ background:linear-gradient(135deg,var(--gold-light),var(--gold)) !important; color:#0c1a30 !important; box-shadow:0 4px 14px rgba(198,162,83,.35) !important; }
.lang-btn:hover .lang-btn-badge{ box-shadow:0 6px 20px rgba(198,162,83,.5) !important; }
.splash-sep{ background:linear-gradient(180deg,transparent,rgba(198,162,83,.35),transparent) !important; }
.splash-sep::after{ color:var(--gold) !important; text-shadow:0 0 12px rgba(198,162,83,.5) !important; }