:root {
  /* Brand colors follow admin appearance (--theam-*), not a hardcoded theme navy. */
  --sf-color-bg: var(--theam-bg-color, #ffffff);
  --sf-color-text: var(--theam-txt-color, #222222);
  --sf-color-brand: var(--theam-color, #022857);
  --sf-color-accent: var(--theam-secend-color, #d8a347);
  --sf-font-body: Vazirmatn, sans-serif;
  --sf-font-heading: Vazirmatn, sans-serif;
  --sf-container-max: 1320px;
  --sf-header-height: 82px;
  --sf-logo-max-width: 180px;
  --sf-radius-sm: 8px;
  --sf-radius-md: 14px;
  --sf-radius-lg: 22px;
  --sf-product-card-radius: var(--sf-radius-md);
  --sf-product-image-ratio: 1 / 1;
}