:root {
  --font-sans: "Vazirmatn", "IRANSansX", "Segoe UI", Tahoma, Arial, sans-serif;

  --color-bg: #101215;
  --color-bg-soft: #12151a;
  --color-surface: #171b20;
  --color-surface-muted: #1d2228;
  --color-surface-raised: #242a31;
  --color-text: #f2ede4;
  --color-text-muted: #9aa2ab;
  --color-muted: #747d87;
  --color-border: #2a3038;

  --color-primary: #f4ae2b;
  --color-primary-strong: #ffc24c;
  --color-primary-soft: rgb(244 174 43 / 10%);
  --color-primary-line: rgb(244 174 43 / 34%);
  --color-success: #79cda3;
  --color-danger: #ee8585;

  --shadow-sm: 0 12px 34px rgb(0 0 0 / 22%);
  --shadow-lg: 0 18px 48px rgb(0 0 0 / 28%);
  --radius-sm: 0.65rem;
  --radius-md: 0.9rem;
  --radius-lg: 1.2rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  --content-width: 77.5rem;
  --header-height: 3.625rem;
  --mobile-nav-height: 4.4rem;

  color-scheme: dark;
}