/* ==========================================================================
   Shop & Product Redesign - Common Styles
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    --spr-dark: #0f172a;
    --spr-darker: #020617;
    --spr-light: #f8fafc;
    --spr-white: #ffffff;
    --spr-gray-100: #f1f5f9;
    --spr-gray-200: #e2e8f0;
    --spr-gray-300: #cbd5e1;
    --spr-gray-400: #94a3b8;
    --spr-gray-500: #64748b;
    --spr-gray-600: #475569;
    --spr-gray-700: #334155;
    --spr-gray-800: #1e293b;
    --spr-accent: #ea580c;
    --spr-accent-hover: #dc2626;
    --spr-success: #16a34a;
    --spr-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --spr-transition: 0.2s ease;
    --spr-radius: 8px;
}

.spr-shop-wrapper,
.spr-single-product {
    font-family: var(--spr-font-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Star ratings */
.spr-product-card__rating .star-rating,
.spr-summary__rating .star-rating {
    color: #f59e0b;
    font-size: 14px;
}

/* Screen reader text */
.screen-reader-text {
    position: absolute; width: 1px; height: 1px;
    overflow: hidden; clip: rect(0,0,0,0);
    white-space: nowrap; border: 0;
}