:root{--text-primary:var(--foreground,#171717);--text-secondary:color-mix(in srgb,var(--foreground,#1D1D1F) 62%,var(--background,#FFFFFF));--text-muted:color-mix(in srgb,var(--foreground,#1D1D1F) 45%,var(--background,#FFFFFF));--bg-secondary:color-mix(in srgb,var(--foreground,#171717) 6%,var(--background,#FFFFFF));--border-subtle:rgba(0,0,0,0.05);--border-light:rgba(0,0,0,0.08);--color-danger:#ff3b30;--surface-ink:var(--foreground,#000000);--accent:var(--accent-on-page,var(--main-button-color,#007AFF));--surface-2:color-mix(in srgb,var(--surface-ink) 10%,transparent);--surface-2-hover:color-mix(in srgb,var(--surface-ink) 15%,transparent);--surface-2-strong:color-mix(in srgb,var(--surface-ink) 20%,transparent);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--heading-xl:28px;--heading-lg:24px;--heading-md:19px;--heading-sm:17px;--heading-weight:700;--heading-letter-spacing:-0.02em;--z-base:1;--z-sidebar:50;--z-header:100;--z-mobile-cart-bar:1000;--z-cart-button:1001;--z-dropdown:1500;--z-cart-panel-backdrop:1999;--z-cart-panel:2000;--z-modal-backdrop:9000;--z-modal:9001;--z-modal-nested:9500;--z-toast:9900}body,html{max-width:100vw}body{overflow-x:hidden;overflow-x:clip;color:var(--foreground);background:var(--background);font-family:var(--font-inter),var(--font-family,Arial,Helvetica,sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.main-content{min-height:100vh}