@import url('https://fonts.googleapis.com/css2?family=Special+Gothic+Expanded+One&family=Sora:wght@400;600;700&display=swap');
  
  :root:root {
    --dcm-color-primary: #68c244;
    --dcm-color-text-inverted: #000000;
    --dcm-color-navbar-bg: #000000;
    --dcm-color-body-bg: #ffffff;
    --dcm-color-surface: #ffffff;
    --dcm-color-surface-hover: #f1f4ef;
    --dcm-color-surface-muted: #f1f4ef;
    --dcm-color-text-primary: #000000;
    --dcm-color-text-secondary: #5f5f5f;
    --dcm-color-border: rgba(73, 130, 51, 0.22);
    --dcm-color-focus: #498233;
    --dcm-font-primary: 'Sora', sans-serif;
    --dcm-font-secondary: 'Special Gothic Expanded One', sans-serif;
    --dcm-radius-sm: 6px;
    --dcm-radius-md: 12px;
    --dcm-radius-lg: 16px;
    --dcm-radius-buttons: 999px;
    --dcm-radius-cards: 12px;
    --dcm-header-bg: #000000;
    --dcm-header-text-color: #ffffff;
    --dcm-header-border-color: #000000;
    --dcm-footer-bg: #000000;
    --dcm-footer-text-color: #ffffff;
    --dcm-search-input-border-radius: 999px;
    --dcm-search-input-focus-border-color: #68c244;
    --dcm-product-price-color: #000000;
    --dcm-section-title-color: #000000;
  }


  body {
    background: var(--dcm-color-body-bg);
    color: var(--dcm-color-text-primary);
  }