:root {
    /* Brand Colors */
    --optilens-primary: #7759de;
    --optilens-primary-hover: #5d3cb8;
    --optilens-secondary: #00b5f6;
    --optilens-dark: #121212;
    --optilens-light: #f9f9fb;
    --optilens-gray: #7e7e82;
    --optilens-border-color: #e5e5ea;

    /* Typography Scales */
    --optilens-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --optilens-font-secondary: "Lato", sans-serif;

    /* Borders & Border Radius */
    --optilens-radius-sm: 4px;
    --optilens-radius-md: 8px;
    --optilens-radius-lg: 16px;
    --optilens-radius-full: 9999px;

    /* Soft Scandinavian Shadows */
    --optilens-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
    --optilens-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.06);
    --optilens-shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.08);

    /* Transitions */
    --optilens-transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Premium Global Tweaks */
body {
    font-family: var(--optilens-font-sans);
    color: var(--optilens-dark);
    background-color: #ffffff;
    -webkit-font-smoothing: antialiased;
}

/* Apply premium shadows & transitions to product cards */
.woocommerce ul.products li.product,
.optilens-product-card {
    border-radius: var(--optilens-radius-md) !important;
    overflow: hidden;
    box-shadow: var(--optilens-shadow-sm) !important;
    transition: var(--optilens-transition) !important;
    border: 1px solid var(--optilens-border-color) !important;
}

.woocommerce ul.products li.product:hover,
.optilens-product-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--optilens-shadow-md) !important;
}

/* Premium Minimalist Buttons */
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.optilens-button {
    background-color: var(--optilens-primary) !important;
    color: #ffffff !important;
    font-family: var(--optilens-font-secondary);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 14px 28px !important;
    border-radius: var(--optilens-radius-full) !important;
    transition: var(--optilens-transition) !important;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.optilens-button:hover {
    background-color: var(--optilens-primary-hover) !important;
}