/* ZibaGol Growth — THE single design-token source (all modules, storefront, admin previews). Brand colors come inline from settings. */
:root{
	/* color */
	--zg-primary:#7A1F3D;--zg-primary-dark:#5C172E;--zg-primary-soft:#FBF3F5;--zg-gold:#C9A24A;--zg-gold-text:#9A7A2C;
	--zg-green:#1F8F55;--zg-green-text:#17754A;--zg-green-soft:#F3FAF6;--zg-danger:#B3261E;--zg-danger-soft:#FDF3F2;
	--zg-ink:#2A1A20;--zg-body:#5E4F54;--zg-muted:#8A7A7F;--zg-muted-text:#76666B;
	--zg-bg:#FBF7F5;--zg-surface:#fff;--zg-field:#FDFBFA;--zg-border:#EFE3E5;--zg-border-strong:#E6D8DB;--zg-ph:#F2E8EA;
	/* type */
	--zg-font:"ZG Sans",Tahoma,sans-serif;--zg-fs-xs:12px;--zg-fs-sm:13px;--zg-fs-md:14px;--zg-fs-lg:16px;--zg-fs-xl:20px;--zg-fs-2xl:28px;
	/* shape + depth */
	--zg-r-card:16px;--zg-r-btn:12px;--zg-r-input:12px;--zg-r-pill:999px;
	--zg-shadow:0 8px 24px -12px rgba(42,26,32,.18);--zg-shadow-hover:0 16px 32px -12px rgba(42,26,32,.28);--zg-ring:0 0 0 3px rgba(122,31,61,.14);
	/* space (4px grid) */
	--zg-s-1:4px;--zg-s-2:8px;--zg-s-3:12px;--zg-s-4:16px;--zg-s-5:24px;--zg-s-6:32px;--zg-s-7:48px;--zg-s-8:64px;
	/* motion, layers, sizing — breakpoints: 600px tablet, 1025px desktop */
	--zg-ease:cubic-bezier(.2,.8,.2,1);--zg-dur:.2s;
	--zg-z-sticky:20;--zg-z-header:50;--zg-z-drawer:100;--zg-z-sheet:120;--zg-z-modal:100000;
	--zg-tap:44px;--zg-max:1240px;
	/* legacy aliases (older modules) */
	--zbg-p:var(--zg-primary);--zbg-p-dark:var(--zg-primary-dark);--zbg-a:var(--zg-gold);--zbg-ok:var(--zg-green);
	--zbg-ink:var(--zg-ink);--zbg-mute:var(--zg-muted-text);--zbg-bg:var(--zg-bg);--zbg-card:var(--zg-surface);--zbg-line:var(--zg-border);
	--zbg-r:var(--zg-r-card);--zbg-r-sm:10px;--zbg-sh:var(--zg-shadow);--zbg-sh2:var(--zg-shadow-hover);
	--zbg-s1:8px;--zbg-s2:16px;--zbg-s3:24px;--zbg-s4:32px;--zbg-s5:40px;--zbg-s6:48px;--zbg-font:var(--zg-font);--zbg-ease:var(--zg-ease)
}
.zbg-ico{display:inline-block;vertical-align:middle;flex:none}
.zbg-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.zbg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;border-radius:999px;border:0;font:inherit;font-weight:700;font-size:15px;line-height:1.4;text-decoration:none!important;cursor:pointer;transition:transform .2s var(--zbg-ease),background .2s,box-shadow .2s}
.zbg-btn--p{background:var(--zbg-p);color:#fff!important;box-shadow:0 10px 22px -12px var(--zbg-p)}
.zbg-btn--p:hover{background:var(--zbg-p-dark);transform:translateY(-1px)}
.zbg-btn--a{background:var(--zbg-a);color:#2a1a20!important}
.zbg-btn--ghost{background:#fff;color:var(--zbg-p)!important;box-shadow:inset 0 0 0 1.5px currentColor}
.zbg-btn:focus-visible,.zbg a:focus-visible,.zbg button:focus-visible{outline:3px solid var(--zbg-a);outline-offset:2px}
.zbg-pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.5}
.zbg-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0 0;padding:0;justify-content:center}
.zbg-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:#fff;border:1px solid var(--zbg-line);color:var(--zbg-ink);font-weight:600;text-decoration:none}
.zbg-chips a:hover{border-color:var(--zbg-p);color:var(--zbg-p)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
