/* Glass theme (gold / black / grey). The panel sets the nine colour roles at run time; every other colour is mixed from
   them, so one panel colour recolours everything. */
@font-face{font-family:Vazirmatn;src:url("fonts/Vazirmatn-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url("fonts/Vazirmatn-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Vazirmatn;src:url("fonts/Vazirmatn-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Vazirmatn;src:url("fonts/Vazirmatn-Bold.woff2") format("woff2");font-weight:700 900;font-display:swap}
:root{
--accent:#c9a227;--accent-2:#e8c766;--bg:#0b0b0d;--surface:#16151a;--text:#f5efe0;
--success:#45d49d;--warn:#f6c35b;--danger:#ff6b72;--muted:#a7a197;
--on-solid:#17130a;--accent-ink:#17130a;--accent-text:var(--accent-2);--on-danger:#1b0b0c;--success-ink:var(--success);--warn-ink:var(--warn);--danger-ink:var(--danger);
--bg-2:color-mix(in oklab,var(--bg) 90%,var(--accent));
--surface-2:color-mix(in oklab,var(--text) 6%,transparent);
--surface-3:color-mix(in oklab,var(--text) 10%,transparent);
--line:color-mix(in oklab,var(--text) 11%,transparent);
--line-2:color-mix(in oklab,var(--text) 19%,transparent);
--muted-2:color-mix(in oklab,var(--muted) 90%,var(--bg));
--accent-soft:color-mix(in oklab,var(--accent) 15%,transparent);
--accent-line:color-mix(in oklab,var(--accent) 42%,transparent);
--accent-glow:color-mix(in oklab,var(--accent) 30%,transparent);
--accent-grad:linear-gradient(135deg,var(--accent-2),var(--accent));
--gold-text:linear-gradient(120deg,var(--accent-2),var(--accent));
--danger-soft:color-mix(in oklab,var(--danger) 15%,transparent);
--warn-soft:color-mix(in oklab,var(--warn) 15%,transparent);
--success-soft:color-mix(in oklab,var(--success) 15%,transparent);
--shadow-c:rgb(0 0 0/.62);
--shadow:0 1px 0 color-mix(in oklab,var(--text) 7%,transparent) inset,0 26px 60px -26px var(--shadow-c);
--shadow-sm:0 1px 0 color-mix(in oklab,var(--text) 6%,transparent) inset,0 16px 40px -24px var(--shadow-c);
--scrim:rgb(0 0 0/.5);
--glass-bg:color-mix(in oklab,var(--surface) 64%,transparent);
--glass-strong:color-mix(in oklab,var(--surface) 86%,transparent);
--glass-soft:color-mix(in oklab,var(--surface) 40%,transparent);
--glass-sheen:linear-gradient(140deg,color-mix(in oklab,var(--text) 12%,transparent),transparent 42%);
--glass-blur:blur(20px) saturate(150%);
--glow:0 0 0 1px var(--accent-line),0 12px 40px -14px var(--accent-glow);
--fs-xs:clamp(11px,.7rem + .1vw,12px);--fs-sm:clamp(12.5px,.78rem + .12vw,13.5px);--fs-md:clamp(14px,.85rem + .15vw,15px);
--fs-lg:clamp(16px,.95rem + .3vw,18px);--fs-xl:clamp(19px,1.05rem + .6vw,23px);--fs-2xl:clamp(23px,1.2rem + 1.2vw,30px);--fs-3xl:clamp(28px,1.3rem + 2vw,40px);
--lh-tight:1.35;--lh-base:1.8;--lh-loose:2;
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:48px;
--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-pill:999px;
--z-top:40;--z-nav:50;--z-mnav:70;--z-sheet:900;--z-splash:1000;--z-viewer:1100;--z-toast:1200;
--dur-1:.12s;--dur-2:.18s;--dur-3:.26s;--ease:cubic-bezier(.2,.8,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);
--hover:color-mix(in oklab,var(--text) 6%,transparent);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);
--sidebar:268px;--topbar:70px;--content-max:1320px;
--font:Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif;
color-scheme:dark}
html[data-theme="light"]{
--accent:#9a7414;--accent-2:#c9a227;--bg:#f3f1ec;--surface:#fff;--text:#1b1813;
--success:#11875d;--warn:#a8741c;--danger:#b8323d;--muted:#615c53;
--on-solid:#fff;--accent-ink:#fff;--on-danger:#fff;
--success-ink:color-mix(in oklab,var(--success) 66%,#000);--warn-ink:color-mix(in oklab,var(--warn) 68%,#000);--danger-ink:color-mix(in oklab,var(--danger) 80%,#000);
--muted-2:var(--muted);
/* deeper gold: small gold text and white-on-gold keep contrast >= 4.5 */
--accent-text:color-mix(in oklab,var(--accent) 72%,#000);
--accent-grad:linear-gradient(135deg,color-mix(in oklab,var(--accent) 86%,#000),color-mix(in oklab,var(--accent) 70%,#000));
--bg-2:color-mix(in oklab,var(--bg) 92%,var(--accent-2));
--surface-2:color-mix(in oklab,var(--text) 4%,transparent);
--surface-3:color-mix(in oklab,var(--text) 7%,transparent);
--line:color-mix(in oklab,var(--text) 10%,transparent);
--line-2:color-mix(in oklab,var(--text) 17%,transparent);
--shadow-c:rgb(60 45 15/.26);
--shadow:0 1px 0 rgb(255 255 255/.8) inset,0 22px 50px -26px var(--shadow-c);
--shadow-sm:0 1px 0 rgb(255 255 255/.7) inset,0 14px 34px -22px var(--shadow-c);
--scrim:rgb(30 24 12/.35);
--glass-bg:color-mix(in oklab,var(--surface) 72%,transparent);
--glass-strong:color-mix(in oklab,var(--surface) 92%,transparent);
--glass-soft:color-mix(in oklab,var(--surface) 50%,transparent);
color-scheme:light}
/* glass off in the panel, weak devices, no blur support: solid surfaces, same colours */
html:not([data-glass]),html[data-low-end]{--glass-blur:none;--glass-bg:var(--glass-strong);--glass-soft:var(--glass-strong)}
@supports not (backdrop-filter:blur(1px)){:root{--glass-bg:var(--glass-strong);--glass-soft:var(--glass-strong)}}
