/* ============================================
   Simply SELL - Complete Stylesheet
   ============================================ */

/* ---------- CSS Variables ---------- */
:root {
    --cm-primary: #2563eb;
    --cm-primary-dark: #1d4ed8;
    --cm-primary-light: #3b82f6;
    --cm-success: #22c55e;
    --cm-success-dark: #16a34a;
    --cm-danger: #ef4444;
    --cm-danger-dark: #dc2626;
    --cm-warning: #f59e0b;
    --cm-secondary: #6b7280;
    --cm-secondary-dark: #4b5563;

    --cm-bg: #f3f4f6;
    --cm-bg-dark: #e5e7eb;
    --cm-white: #ffffff;
    --cm-black: #111827;

    --cm-text: #1f2937;
    --cm-text-muted: #6b7280;
    --cm-text-light: #9ca3af;

    --cm-border: #e5e7eb;
    --cm-border-dark: #d1d5db;

    --cm-header-height: 56px;
    --cm-footer-height: 36px;
    --cm-sidebar-width: 220px;
    --cm-sidebar-collapsed-width: 60px;
    --cm-cart-width: 460px;
    --cm-category-height: 48px;
    --cm-search-height: 56px;

    --cm-tab-font-size: 14px;
    --cm-tab-padding: 10px 20px;
    --cm-tab-icon-size: 20px;
    --cm-toolbar-font-size: 12px;
    --cm-toolbar-padding: 8px 12px;

    --cm-radius: 8px;
    --cm-radius-sm: 4px;
    --cm-shadow: 0 1px 3px rgba(0,0,0,0.1);
    --cm-shadow-lg: 0 4px 12px rgba(0,0,0,0.15);

    --cm-transition: 150ms ease;
}