:root {
  --theme-primary: #173f35;
  --theme-secondary: #f2eadb;
  --theme-accent: #d7a85b;
  --theme-text: #252525;
  --theme-heading: #171917;
  --theme-muted: #77736c;
  --theme-bg: #ffffff;
  --theme-surface: #faf8f3;
  --theme-border: #e8e3da;
  --theme-success: #2f7a58;
  --theme-danger: #b64036;
  --theme-sale: #a53a31;

  --theme-font-body: "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
  --theme-font-heading: "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;

  --theme-space-1: 4px;
  --theme-space-2: 8px;
  --theme-space-3: 12px;
  --theme-space-4: 16px;
  --theme-space-5: 20px;
  --theme-space-6: 24px;
  --theme-space-8: 32px;
  --theme-space-10: 40px;
  --theme-space-12: 48px;
  --theme-space-16: 64px;
  --theme-space-20: 80px;

  --theme-radius-sm: 8px;
  --theme-radius-md: 16px;
  --theme-radius-lg: 24px;
  --theme-radius-pill: 999px;

  --theme-shadow-xs: 0 1px 2px rgba(22, 27, 25, .05);
  --theme-shadow-sm: 0 6px 24px rgba(22, 27, 25, .07);
  --theme-shadow-md: 0 14px 40px rgba(22, 27, 25, .10);

  --theme-container: 1280px;
  --theme-content: 820px;
  --theme-header-height: 82px;
  --theme-transition: 180ms ease;
}