/**
 * ReUp Commerce — storefront design tokens (public)
 * @package ReUp_Commerce
 */
:root {
    --reup-bg-primary: #0a0e27;
    --reup-bg-secondary: #141b2d;
    --reup-bg-tertiary: #1e2742;
    --reup-text-primary: #ffffff;
    --reup-text-secondary: #b4b9c8;
    --reup-accent: #00d4ff;
    --reup-accent-hover: #00b8e6;
    --reup-success: #00ff88;
    --reup-error: #ff6b6b;
    --reup-border: #2a3450;
    --reup-shadow: rgba(0, 212, 255, 0.12);
    --reup-shadow-lg: rgba(0, 0, 0, 0.45);
    --reup-radius-sm: 8px;
    --reup-radius-md: 12px;
    --reup-radius-lg: 16px;
    --reup-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --reup-space-xs: 6px;
    --reup-space-sm: 12px;
    --reup-space-md: 20px;
    --reup-space-lg: 32px;
    --reup-space-xl: 48px;
}

.screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}