:root {
  --color-primary:       #454545;
  --color-secondary:     #f5f5f5;
  --color-accent:        #d60000;
  --color-text:          #292929;
  --color-text-muted:    #6b6b6b;
  --color-border:        #d6d6d6;
  --color-success:       #2d6a4f;
  --color-error:         #c1121f;
  --color-warning:       #e76f51;
  --color-menu-bg:       #db0000;
  --color-menu-text:     #ffffff;
  --color-menu-text-hover: #ededed;
  --color-btn-text:      #ffffff;
  --color-mobile-menu-bg:      #454545;
  --color-mobile-menu-heading: #ffffff;
  --color-mobile-item-bg:      transparent;
  --color-mobile-item-text:    rgba(255,255,255,0.9);
  --color-cart-header-bg:   #a8a8a8;
  --color-cart-header-text: #ffffff;
  --color-size-bg:          #ffffff;
  --color-size-text:        #424242;
  --color-size-selected-bg: #cccccc;
  --color-size-selected-text: #ffffff;
  --color-cart-count-bg:  #a80000;
  --color-cart-count-text: #ffffff;
  --color-filter-bg:     #1a1a1a;
  --color-filter-text:   #ffffff;
  --border-radius:       10px;
  --border-width:        1px;
  --container-width:     1200px;
  --grid-cols-mobile:    2;
  --grid-cols-tablet:    3;
  --grid-cols-desktop:   4;
  --font-body:           system-ui, -apple-system, sans-serif;
  --font-heading:        system-ui, -apple-system, sans-serif;
  --font-price:          system-ui, -apple-system, sans-serif;
  --font-ui:             system-ui, -apple-system, sans-serif;
  --font-family:         system-ui, -apple-system, sans-serif;
  --font-weight-body:    400;
  --font-weight-heading: 700;
  --font-weight-price:   700;
  --font-weight-ui:      500;
  --font-size-base:      16px;
  --font-size-heading:   1.6rem;
}

@font-face {
  font-family: 'Open Sans';
  src: url('/storage/fonts/Open_Sans.woff2') format('woff2');
  font-display: swap;
}