/* ============================================================
   DigiSell Premium — SHARED landing-page design system.
   The self-contained product landing pages each define their own
   :root design tokens. We override those tokens here at higher
   specificity than :root (html:root) so EVERY product page inherits
   the DigiSell Premium palette, gradient and typography WITHOUT any
   edit to page content, pricing, checkout links, countdown or SEO.
   Edit this one file to restyle all six landing pages at once.
   ============================================================ */

/* Token override — html:root (0,1,1) beats the pages' :root (0,1,0). */
html:root {
	--bg:      #08080D;                     /* premium base            */
	--card:    #0E0E17;                     /* premium surface         */
	--line:    rgba(255,255,255,0.10);      /* premium hairline border */
	--txt:     #EDEDF2;                     /* premium text            */
	--mut:     #A6A6BC;                     /* premium muted text      */
	--gold:    #FBBF24;                     /* premium amber accent    */
	--grn:     #6EE7B7;                     /* premium emerald         */
	--accent:  #8B5CF6;                     /* premium violet          */
	--accent2: #EC4899;                     /* premium pink            */
}

/* Typography — inherit brand fonts (system fallback until woff2 added). */
html body {
	font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}
html body h1,
html body h2,
html body .kicker,
html body .price .now,
html body .timer b {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	letter-spacing: -0.02em;
}

/* Premium polish — components already reference the tokens above. */
html body .btn-buy   { box-shadow: 0 14px 40px -10px rgba(236,72,153,0.5); }
html body .kicker    { background: rgba(139,92,246,0.14); }
html body .timer div { background: rgba(255,255,255,0.04); }
html body .badge     { backdrop-filter: blur(8px); }