/* ========================= */
/* متغيرات الألوان الأساسية */
/* ========================= */

:root {
  --dm-name: #333333;
  --dm-desc: #777777;
  --dm-price: #ff9900;
  --dm-item-bg: #fff6e9;

  --dm-tab-bg: #eeeeee;
  --dm-tab-text: #000000;
  --dm-tab-active-bg: #ff9900;
  --dm-tab-active-text: #ffffff;

  /* Primary actions (base palette): orange */
  --dm-primary-btn-bg: #ff9900;
  --dm-primary-btn-text: #ffffff;

  --dm-cart-fab-bg: #111111;
  --dm-cart-fab-icon: #ffffff;
  --dm-add-bg: #ff9900;
  --dm-add-text: #ffffff;
  --dm-order-bg: #ff9900;
  --dm-order-text: #ffffff;
  /* Remove button: black */
  --dm-remove-bg: #111111;
  --dm-remove-text: #ffffff;
  --dm-remove-border: #111111;

  /* ========================= */
  /* Typography & Spacing (UI) */
  /* ========================= */
  /* Font sizes: keep everything readable on mobile (avoid < 14px) */
  --dm-font-xs: 14px;
  --dm-font-sm: 15px;
  --dm-font-md: 16px;
  --dm-font-lg: 18px;
  --dm-font-xl: 20px;
  --dm-font-2xl: 24px;

  --dm-line-tight: 1.25;
  --dm-line-normal: 1.55;
  --dm-line-loose: 1.7;

  /* Spacing scale */
  --dm-space-1: 4px;
  --dm-space-2: 8px;
  --dm-space-3: 12px;
  --dm-space-4: 16px;
  --dm-space-5: 20px;
  --dm-space-6: 24px;
  --dm-space-8: 32px;
}