/* =========================================================================
   GeeKPress Aurelian — palettes.css
   The palette engine's variant axis. theme.css :root holds the DARK
   AURELIAN defaults; every literal in the theme was swept onto tokens,
   so variants only re-bind this small set:
     mode axis    → body.aur-mode-light          (surfaces + neutrals)
     palette axis → body.aur-palette-{slug}      (accent family)
   The two axes are independent — any palette × any mode just works.
   Plugin pages follow automatically (geekui-vars.css references --aur-*).
   ========================================================================= */

/* ───────────────────────── MODE: LIGHT ─────────────────────────
   "Daylight Reliquary" — warm parchment grounds, ink text. Accents
   are re-bound per palette below for AA contrast on cream.        */
body.aur-mode-light {
	--aur-bg: #f1eadb;
	--aur-bg-rgb: 241, 234, 219;
	--aur-bg-deep: #e7ddc6;
	--aur-surface: #faf5e9;
	--aur-surface-2: #f1e9d6;
	--aur-text: #221c12;
	--aur-text-dim: #4d4534;
	--aur-text-mute: #7b7261;
	--aur-ink: #d9cdb2;
	--aur-plate-hi: #fffdf6;
	--aur-plate-hov: #fffef9;
	--aur-plate-mid: #f7f0e0;
	--aur-plate-lo: #ece2cc;
	--aur-line: rgba(138, 106, 47, 0.34);
	--aur-line-soft: rgba(138, 106, 47, 0.18);
	/* default (Aurelian) accents, deepened for cream grounds */
	--aur-gold: #8a6a2f;
	--aur-gold-rgb: 138, 106, 47;
	--aur-gold-bright: #a8854a;
	--aur-gold-bright-rgb: 168, 133, 74;
	--aur-gold-dim: #6e5526;
	--aur-gold-dim-rgb: 110, 85, 38;
	--aur-star: #9c7400;
	--aur-violet: #6a3fc4;
	--aur-violet-rgb: 106, 63, 196;
	--aur-violet-2: #8a62d8;
	--aur-violet-2-rgb: 138, 98, 216;
	--aur-blue: #3b5cc9;
	--aur-blue-rgb: 59, 92, 201;
	--aur-vbtn-1: #8f63e8;
	--aur-vbtn-2: #6a3fc4;
	--aur-vbtn-3: #502f96;
}
/* light mode: heavy black drop shadows would look like soot — soften
   via a global tone-down on the plate silhouettes */
body.aur-mode-light .aur-frame,
body.aur-mode-light .gpg-home-widget {
	filter: drop-shadow(0 10px 18px rgba(60, 48, 24, 0.16)) drop-shadow(0 2px 4px rgba(60, 48, 24, 0.12));
}

/* ───────────────────── PALETTE: EMERALD SEAL ───────────────────
   Jade-emerald gilt with deep moss partners.                     */
body.aur-palette-emerald {
	--aur-gold: #57b98c;
	--aur-gold-rgb: 87, 185, 140;
	--aur-gold-bright: #8fdcb5;
	--aur-gold-bright-rgb: 143, 220, 181;
	--aur-gold-dim: #336e54;
	--aur-gold-dim-rgb: 51, 110, 84;
	--aur-star: #7fdca8;
	--aur-violet: #1f9d96;
	--aur-violet-rgb: 31, 157, 150;
	--aur-violet-2: #5cc8c0;
	--aur-violet-2-rgb: 92, 200, 192;
	--aur-blue: #4fb3a4;
	--aur-blue-rgb: 79, 179, 164;
	--aur-vbtn-1: #3cb89a;
	--aur-vbtn-2: #20926f;
	--aur-vbtn-3: #156a52;
	--aur-line: rgba(87, 185, 140, 0.30);
	--aur-line-soft: rgba(87, 185, 140, 0.16);
	--aur-plate-hi: #16241f;
	--aur-plate-hov: #1d3029;
	--aur-plate-mid: #101a16;
	--aur-plate-lo: #0a120f;
	--aur-bg: #080f0c;
	--aur-bg-rgb: 8, 15, 12;
	--aur-bg-deep: #050a08;
	--aur-surface: #0d1713;
	--aur-surface-2: #122019;
}
body.aur-mode-light.aur-palette-emerald {
	--aur-gold: #1e7a52;
	--aur-gold-rgb: 30, 122, 82;
	--aur-gold-bright: #2f9668;
	--aur-gold-bright-rgb: 47, 150, 104;
	--aur-gold-dim: #175e40;
	--aur-gold-dim-rgb: 23, 94, 64;
	--aur-star: #1e7a52;
	--aur-violet: #0f7d77;
	--aur-violet-rgb: 15, 125, 119;
	--aur-violet-2: #169a92;
	--aur-violet-2-rgb: 22, 154, 146;
	--aur-blue: #14807a;
	--aur-blue-rgb: 20, 128, 122;
	--aur-vbtn-1: #2aa57f;
	--aur-vbtn-2: #1e7a52;
	--aur-vbtn-3: #145a3c;
	--aur-line: rgba(30, 122, 82, 0.36);
	--aur-line-soft: rgba(30, 122, 82, 0.18);
	--aur-bg: #ecf2e9;
	--aur-bg-rgb: 236, 242, 233;
	--aur-bg-deep: #dde8d8;
	--aur-surface: #f7faf3;
	--aur-surface-2: #ebf1e4;
	--aur-plate-hi: #fcfef8;
	--aur-plate-hov: #ffffff;
	--aur-plate-mid: #f1f6ea;
	--aur-plate-lo: #e2ecda;
	--aur-ink: #cfdcc6;
}

/* ───────────────────── PALETTE: CRIMSON WAX ────────────────────
   Sealing-wax crimson with ember-copper partners.                */
body.aur-palette-crimson {
	--aur-gold: #d0705c;
	--aur-gold-rgb: 208, 112, 92;
	--aur-gold-bright: #f0a48e;
	--aur-gold-bright-rgb: 240, 164, 142;
	--aur-gold-dim: #8a4234;
	--aur-gold-dim-rgb: 138, 66, 52;
	--aur-star: #f0b072;
	--aur-violet: #c2452f;
	--aur-violet-rgb: 194, 69, 47;
	--aur-violet-2: #e87a5e;
	--aur-violet-2-rgb: 232, 122, 94;
	--aur-blue: #d98e5f;
	--aur-blue-rgb: 217, 142, 95;
	--aur-vbtn-1: #e06a4e;
	--aur-vbtn-2: #b4452e;
	--aur-vbtn-3: #8a3322;
	--aur-line: rgba(208, 112, 92, 0.30);
	--aur-line-soft: rgba(208, 112, 92, 0.16);
	--aur-plate-hi: #241718;
	--aur-plate-hov: #301e1f;
	--aur-plate-mid: #1a1012;
	--aur-plate-lo: #120a0c;
	--aur-bg: #100a0b;
	--aur-bg-rgb: 16, 10, 11;
	--aur-bg-deep: #0a0607;
	--aur-surface: #170f11;
	--aur-surface-2: #201416;
}
body.aur-mode-light.aur-palette-crimson {
	--aur-gold: #a4422e;
	--aur-gold-rgb: 164, 66, 46;
	--aur-gold-bright: #c25a40;
	--aur-gold-bright-rgb: 194, 90, 64;
	--aur-gold-dim: #7e3222;
	--aur-gold-dim-rgb: 126, 50, 34;
	--aur-star: #a4612e;
	--aur-violet: #a43a26;
	--aur-violet-rgb: 164, 58, 38;
	--aur-violet-2: #c25a40;
	--aur-violet-2-rgb: 194, 90, 64;
	--aur-blue: #ad5b32;
	--aur-blue-rgb: 173, 91, 50;
	--aur-vbtn-1: #c2502e;
	--aur-vbtn-2: #a43a26;
	--aur-vbtn-3: #7e2c1c;
	--aur-line: rgba(164, 66, 46, 0.36);
	--aur-line-soft: rgba(164, 66, 46, 0.18);
	--aur-bg: #f4ebe4;
	--aur-bg-rgb: 244, 235, 228;
	--aur-bg-deep: #ead9cd;
	--aur-surface: #fbf4ee;
	--aur-surface-2: #f3e7de;
	--aur-plate-hi: #fffaf5;
	--aur-plate-hov: #fffdfb;
	--aur-plate-mid: #f7ece3;
	--aur-plate-lo: #ecdccf;
	--aur-ink: #e0cdc0;
}

/* ───────────────────── PALETTE: AZURE SIGIL ────────────────────
   Steel-blue silverwork with ice highlights.                     */
body.aur-palette-azure {
	--aur-gold: #7aa3dc;
	--aur-gold-rgb: 122, 163, 220;
	--aur-gold-bright: #b3cdf2;
	--aur-gold-bright-rgb: 179, 205, 242;
	--aur-gold-dim: #44618f;
	--aur-gold-dim-rgb: 68, 97, 143;
	--aur-star: #9cc2f2;
	--aur-violet: #5b78e0;
	--aur-violet-rgb: 91, 120, 224;
	--aur-violet-2: #8fa6ee;
	--aur-violet-2-rgb: 143, 166, 238;
	--aur-blue: #6ec3e8;
	--aur-blue-rgb: 110, 195, 232;
	--aur-vbtn-1: #6d88ec;
	--aur-vbtn-2: #4a63cc;
	--aur-vbtn-3: #36489c;
	--aur-line: rgba(122, 163, 220, 0.30);
	--aur-line-soft: rgba(122, 163, 220, 0.16);
	--aur-plate-hi: #182032;
	--aur-plate-hov: #1f2940;
	--aur-plate-mid: #111727;
	--aur-plate-lo: #0b101c;
	--aur-bg: #090d16;
	--aur-bg-rgb: 9, 13, 22;
	--aur-bg-deep: #060910;
	--aur-surface: #0e1422;
	--aur-surface-2: #131b2e;
}
body.aur-mode-light.aur-palette-azure {
	--aur-gold: #345e9e;
	--aur-gold-rgb: 52, 94, 158;
	--aur-gold-bright: #4a76b8;
	--aur-gold-bright-rgb: 74, 118, 184;
	--aur-gold-dim: #284a7e;
	--aur-gold-dim-rgb: 40, 74, 126;
	--aur-star: #345e9e;
	--aur-violet: #4054b4;
	--aur-violet-rgb: 64, 84, 180;
	--aur-violet-2: #5b78e0;
	--aur-violet-2-rgb: 91, 120, 224;
	--aur-blue: #2f6ea8;
	--aur-blue-rgb: 47, 110, 168;
	--aur-vbtn-1: #4a63cc;
	--aur-vbtn-2: #3a4eb0;
	--aur-vbtn-3: #2c3a86;
	--aur-line: rgba(52, 94, 158, 0.36);
	--aur-line-soft: rgba(52, 94, 158, 0.18);
	--aur-bg: #eaeef5;
	--aur-bg-rgb: 234, 238, 245;
	--aur-bg-deep: #d9e1ee;
	--aur-surface: #f6f8fc;
	--aur-surface-2: #e9eef7;
	--aur-plate-hi: #fcfdff;
	--aur-plate-hov: #ffffff;
	--aur-plate-mid: #eff3fa;
	--aur-plate-lo: #dfe7f2;
	--aur-ink: #c8d4e6;
}

/* ─────────────────── FRONTEND PALETTE SWITCHER ─────────────────
   Popover under the menu bar, top-right. Rendered only when the
   admin enables it (GeekPress Theme → Palette).                  */
.aur-palette-toggle { /* shares .aur-topbar-icon look via markup */ }
.aur-palette-pop {
	position: absolute;
	top: calc(100% + 10px);
	right: 28px;
	z-index: 140;
	width: 252px;
	padding: 16px 16px 14px;
	background:
		linear-gradient(180deg, var(--aur-plate-hi) 0%, var(--aur-plate-mid) 36%, var(--aur-plate-lo) 100%) padding-box,
		linear-gradient(150deg,
			rgba(var(--aur-gold-bright-rgb), 0.85) 0%,
			rgba(var(--aur-gold-rgb), 0.36) 22%,
			rgba(var(--aur-gold-dim-rgb), 0.18) 50%,
			rgba(var(--aur-violet-rgb), 0.26) 82%,
			rgba(var(--aur-violet-2-rgb), 0.55) 100%) border-box;
	border: 1px solid transparent;
	clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px);
	box-shadow:
		inset 0 1px 0 rgba(var(--aur-gold-bright-rgb), 0.10),
		inset 0 -1px 0 rgba(0, 0, 0, 0.46);
	filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.5));
}
.aur-palette-pop[hidden] { display: none; }
.aur-palette-pop__title {
	display: flex; align-items: center; gap: 10px;
	margin: 0 0 12px;
	font-family: var(--aur-font-display);
	font-size: 11px; font-weight: 700;
	letter-spacing: 0.22em; text-transform: uppercase;
	color: var(--aur-gold-bright);
}
.aur-palette-pop__title::after {
	content: ""; flex: 1; height: 1px;
	background: linear-gradient(90deg, rgba(var(--aur-gold-rgb), 0.34), transparent);
}
.aur-palette-pop__row { display: flex; gap: 8px; margin-bottom: 12px; }
.aur-mode-btn {
	flex: 1; padding: 8px 0;
	font-family: var(--aur-font-display); font-size: 11px; font-weight: 600;
	letter-spacing: 0.14em; text-transform: uppercase;
	color: var(--aur-text-dim);
	background: linear-gradient(180deg, var(--aur-plate-hi), var(--aur-plate-lo));
	border: 1px solid var(--aur-line-soft); border-radius: 0;
	clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 5px);
	cursor: pointer;
	box-shadow: inset 0 1px 0 rgba(var(--aur-gold-bright-rgb), 0.12), inset 0 -2px 0 rgba(0, 0, 0, 0.4);
}
.aur-mode-btn.is-active {
	color: var(--aur-gold-bright);
	border-color: var(--aur-gold);
	box-shadow: inset 0 1px 0 rgba(var(--aur-gold-bright-rgb), 0.24), inset 0 -2px 0 rgba(0, 0, 0, 0.4);
}
.aur-palette-pop__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.aur-swatch {
	display: flex; align-items: center; gap: 9px;
	padding: 8px 10px;
	background: linear-gradient(180deg, var(--aur-plate-hi), var(--aur-plate-lo));
	border: 1px solid var(--aur-line-soft);
	clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 5px);
	cursor: pointer;
	font-family: var(--aur-font-display); font-size: 10px; font-weight: 600;
	letter-spacing: 0.1em; text-transform: uppercase;
	color: var(--aur-text-dim);
}
.aur-swatch.is-active { border-color: var(--aur-gold); color: var(--aur-gold-bright); }
.aur-swatch__dot {
	width: 16px; height: 16px; flex: none;
	transform: rotate(45deg);
	border: 1px solid rgba(0, 0, 0, 0.35);
}
.aur-swatch__dot--aurelian { background: linear-gradient(135deg, #e9d6a4 50%, #8e5cf0 50%); }
.aur-swatch__dot--emerald  { background: linear-gradient(135deg, #8fdcb5 50%, #1f9d96 50%); }
.aur-swatch__dot--crimson  { background: linear-gradient(135deg, #f0a48e 50%, #c2452f 50%); }
.aur-swatch__dot--azure    { background: linear-gradient(135deg, #b3cdf2 50%, #5b78e0 50%); }

/* ───────────────────── PALETTE: PINK NEON ──────────────────────
   Electric hot-pink neon over near-black; cyan spark partners.   */
body.aur-palette-neon {
	--aur-gold: #ff4fd8;
	--aur-gold-rgb: 255, 79, 216;
	--aur-gold-bright: #ff9aec;
	--aur-gold-bright-rgb: 255, 154, 236;
	--aur-gold-dim: #a8268c;
	--aur-gold-dim-rgb: 168, 38, 140;
	--aur-star: #ff7ae2;
	--aur-violet: #00d4ff;
	--aur-violet-rgb: 0, 212, 255;
	--aur-violet-2: #7ae8ff;
	--aur-violet-2-rgb: 122, 232, 255;
	--aur-blue: #66e0ff;
	--aur-blue-rgb: 102, 224, 255;
	--aur-vbtn-1: #ff66dd;
	--aur-vbtn-2: #e02fb4;
	--aur-vbtn-3: #a8268c;
	--aur-line: rgba(255, 79, 216, 0.32);
	--aur-line-soft: rgba(255, 79, 216, 0.16);
	--aur-plate-hi: #221327;
	--aur-plate-hov: #2d1933;
	--aur-plate-mid: #170d1c;
	--aur-plate-lo: #100813;
	--aur-bg: #0d0710;
	--aur-bg-rgb: 13, 7, 16;
	--aur-bg-deep: #08040a;
	--aur-surface: #150c19;
	--aur-surface-2: #1d1223;
}
body.aur-mode-light.aur-palette-neon {
	--aur-gold: #c2189a;
	--aur-gold-rgb: 194, 24, 154;
	--aur-gold-bright: #e040bc;
	--aur-gold-bright-rgb: 224, 64, 188;
	--aur-gold-dim: #921274;
	--aur-gold-dim-rgb: 146, 18, 116;
	--aur-star: #c2189a;
	--aur-violet: #0090b4;
	--aur-violet-rgb: 0, 144, 180;
	--aur-violet-2: #00aed8;
	--aur-violet-2-rgb: 0, 174, 216;
	--aur-blue: #0d9cc0;
	--aur-blue-rgb: 13, 156, 192;
	--aur-vbtn-1: #e040bc;
	--aur-vbtn-2: #c2189a;
	--aur-vbtn-3: #921274;
	--aur-line: rgba(194, 24, 154, 0.36);
	--aur-line-soft: rgba(194, 24, 154, 0.18);
	--aur-bg: #f7ecf4;
	--aur-bg-rgb: 247, 236, 244;
	--aur-bg-deep: #efdaea;
	--aur-surface: #fdf5fb;
	--aur-surface-2: #f6e8f2;
	--aur-plate-hi: #fffafd;
	--aur-plate-hov: #ffffff;
	--aur-plate-mid: #f9eef6;
	--aur-plate-lo: #f0dfec;
	--aur-ink: #e6cfdf;
}
.aur-swatch__dot--neon { background: linear-gradient(135deg, #ff9aec 50%, #00d4ff 50%); }

/* ───────────────────── PALETTE: VOLT CIRCUIT ───────────────────
   Acid-lime voltage over graphite black; warning-amber partners —
   pure gaming HUD energy.                                        */
body.aur-palette-volt {
	--aur-gold: #9ee82c;
	--aur-gold-rgb: 158, 232, 44;
	--aur-gold-bright: #c8ff5e;
	--aur-gold-bright-rgb: 200, 255, 94;
	--aur-gold-dim: #5c8c14;
	--aur-gold-dim-rgb: 92, 140, 20;
	--aur-star: #d4ff4a;
	--aur-violet: #ff9e2c;
	--aur-violet-rgb: 255, 158, 44;
	--aur-violet-2: #ffc46e;
	--aur-violet-2-rgb: 255, 196, 110;
	--aur-blue: #d8ff6e;
	--aur-blue-rgb: 216, 255, 110;
	--aur-vbtn-1: #8edc28;
	--aur-vbtn-2: #66a818;
	--aur-vbtn-3: #4a7e10;
	--aur-line: rgba(158, 232, 44, 0.30);
	--aur-line-soft: rgba(158, 232, 44, 0.15);
	--aur-plate-hi: #1a2114;
	--aur-plate-hov: #232c1a;
	--aur-plate-mid: #11160d;
	--aur-plate-lo: #0b0f08;
	--aur-bg: #090c06;
	--aur-bg-rgb: 9, 12, 6;
	--aur-bg-deep: #050703;
	--aur-surface: #0f140a;
	--aur-surface-2: #161d10;
}
body.aur-mode-light.aur-palette-volt {
	--aur-gold: #4f7a10;
	--aur-gold-rgb: 79, 122, 16;
	--aur-gold-bright: #639618;
	--aur-gold-bright-rgb: 99, 150, 24;
	--aur-gold-dim: #3c5e0c;
	--aur-gold-dim-rgb: 60, 94, 12;
	--aur-star: #6a9a0c;
	--aur-violet: #b46a10;
	--aur-violet-rgb: 180, 106, 16;
	--aur-violet-2: #d8820f;
	--aur-violet-2-rgb: 216, 130, 15;
	--aur-blue: #5e8e14;
	--aur-blue-rgb: 94, 142, 20;
	--aur-vbtn-1: #66a818;
	--aur-vbtn-2: #4f7a10;
	--aur-vbtn-3: #3a5c0c;
	--aur-line: rgba(79, 122, 16, 0.36);
	--aur-line-soft: rgba(79, 122, 16, 0.18);
	--aur-bg: #eef2e2;
	--aur-bg-rgb: 238, 242, 226;
	--aur-bg-deep: #dfe7cc;
	--aur-surface: #f8fbef;
	--aur-surface-2: #edf2dd;
	--aur-plate-hi: #fcfef5;
	--aur-plate-hov: #ffffff;
	--aur-plate-mid: #f2f6e5;
	--aur-plate-lo: #e4ecd2;
	--aur-ink: #d3ddbb;
}
.aur-swatch__dot--volt { background: linear-gradient(135deg, #c8ff5e 50%, #ff9e2c 50%); }