/* Rahad Commerce Design System v1 — sales surface only. */
@font-face {
  font-family: "Rahad Sans";
  src: url("assets/fonts-vazirmatn.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --font-fa: "Rahad Sans", Tahoma, Arial, sans-serif;
  --font-latin: Inter, Arial, sans-serif;
  --color-ink: #17212B;
  --color-navy: #08233E;
  --color-navy-deep: #061A2E;
  --color-teal: #167C7A;
  --color-teal-strong: #0E6262;
  --color-teal-tint: #E6F3F1;
  --color-paper: #FFFFFF;
  --color-canvas: #F5F7F6;
  --color-line: #D7E0E0;
  --color-muted: #52616B;
  --color-danger: #B42318;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --shadow-panel: 0 10px 28px rgb(8 35 62 / 8%);
  --shadow-focus: 0 0 0 3px rgb(22 124 122 / 22%);
  --border-default: 1px solid var(--color-line);
  --motion-fast: 140ms ease;
}