:root:root {
    /* ---- Brand colors ---- */
    --dcm-color-primary: #212121;
    --dcm-color-body-bg: #FFFFFF;
    --dcm-color-surface: #FFFFFF;
    --dcm-color-surface-hover: #F5F2EB;
    --dcm-color-surface-muted: #F5F2EB;
    --dcm-color-text-primary: #000000;
    --dcm-color-text-secondary: #5C5C5C;
    --dcm-color-text-inverted: #FFFFFF;
    --dcm-color-border: #D8D3C8;
    --dcm-color-focus: #E8D78E;
    --dcm-color-focus-shadow: rgba(232, 215, 142, 0.4);

    /* ---- Typography ---- */
    --dcm-font-primary: 'Archivo', sans-serif;
    --dcm-font-secondary: 'Cormorant Garamond', serif;

    /* ---- Radius ---- */
    --dcm-radius-sm: 4px;
    --dcm-radius-md: 8px;
    --dcm-radius-lg: 12px;
    --dcm-radius-buttons: 6px;
    --dcm-radius-cards: 12px;

    /* ---- Product ---- */
    --dcm-product-name-color: #000000;
    --dcm-product-brand-color: #B7A455;
    --dcm-product-price-color: #212121;
    --dcm-product-description-color: #5C5C5C;

    /* ---- Cart button ---- */
    --dcm-cart-btn-bg-active: #212121;
    --dcm-cart-btn-bg-empty: transparent;
    --dcm-cart-btn-text-empty: #212121;

    /* ---- Categories / Brands cards ---- */
    --dcm-categories-card-bg: #FFFFFF;
    --dcm-categories-card-border-color: #D8D3C8;
    --dcm-categories-card-text-color: #000000;
    --dcm-brands-card-bg: #FFFFFF;
    --dcm-brands-card-border-color: #D8D3C8;
    --dcm-brands-card-name-color: #000000;

    /* ---- Login Nudge ---- */
    --dcm-login-nudge-bg: #F5F2EB;
    --dcm-login-nudge-text-color: #000000;
    --dcm-login-nudge-link-color: #B7A455;
    --dcm-login-nudge-social-btn-bg: #FFFFFF;
    --dcm-login-nudge-close-color: #5C5C5C;
    --dcm-login-nudge-apple-icon-color: #000000;
    --dcm-login-nudge-shadow: 0 6px 20px 0 rgba(33, 33, 33, 0.15);

    /* ---- Account Popover ---- */
    --dcm-account-popover-item-color: #000000;
    --dcm-account-popover-hover-bg: #F5F2EB;
    --dcm-account-popover-divider-color: #D8D3C8;
    --dcm-account-popover-logout-color: #B7A455;
  }

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