/**
 * CardShop Frontend Styles
 * Main frontend stylesheet - imports component styles
 */

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

/* Import Components */
@import url('components/_product-grid.css');
@import url('components/_product-card.css');
@import url('components/_tooltip.css');
@import url('components/_product-modal.css');
@import url('components/_product-detail.css');
@import url('components/_cart.css');
@import url('components/_card.css');
@import url('components/_promo-card.css');
@import url('components/_card-grid.css');
@import url('components/_element-slider.css');
@import url('components/_card-form.css');
@import url('components/_grid.css');
@import url('components/_product-list.css');

:root {
    --cardshop-primary: #07245e;
    --cardshop-primary-dark: #051a3d;
    --cardshop-primary-light: #092c74;
    --cardshop-green: #10b981;
    --cardshop-black: #1a1a1a;
    --cardshop-gray-light: #f5f5f5;
    --cardshop-gray-text: #666666;
    --cardshop-white: #ffffff;
    --font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    
    /* Dynamic settings - can be overridden by admin settings */
    --cardshop-card-font-family: var(--font-family);
    --cardshop-card-border-radius: 12px;
    --cardshop-tooltip-bg: var(--cardshop-primary);
    --cardshop-tooltip-popup-bg: var(--cardshop-primary-light);
    --cardshop-add-to-cart-color: var(--cardshop-primary);
    --cardshop-add-to-cart-hover: var(--cardshop-primary-dark);
    --cardshop-modal-add-to-cart-color: var(--cardshop-primary);
    --cardshop-cart-icon-color: var(--cardshop-primary);
    --cardshop-cart-icon-hover: var(--cardshop-primary-dark);
    --cardshop-checkout-color: var(--cardshop-primary);
    --cardshop-checkout-hover: var(--cardshop-primary-dark);
    --cardshop-remove-color: var(--cardshop-primary);
    --cardshop-remove-hover: var(--cardshop-primary-dark);
    --cardshop-quantity-hover: var(--cardshop-primary);
}

/* Base Styles */
* {
    box-sizing: border-box;
}

/* Component styles moved to component files */