:root {
  --petify-color-primary: #0b5fd6;
  --petify-color-primary-strong: #0a4ea7;
  --petify-color-primary-soft: #dce9ff;
  --petify-color-secondary: #17b7c5;
  --petify-color-secondary-soft: #d9f9fb;
  --petify-color-surface: #f5f8fe;
  --petify-color-surface-elevated: #ffffff;
  --petify-color-surface-muted: #edf3ff;
  --petify-color-border: #c7d1e1;
  --petify-color-text: #172233;
  --petify-color-text-muted: #55657b;
  --petify-color-error: #c43b3b;
  --petify-color-error-soft: #ffe0e0;
  --petify-color-tertiary: #ffba4b;
  --petify-color-warm: #d97a00;
  --petify-shadow-soft: 0 18px 40px rgba(11, 95, 214, 0.12);
  --petify-shadow-card: 0 20px 48px rgba(23, 34, 51, 0.12);
  --petify-radius-sm: 0.75rem;
  --petify-radius-md: 1rem;
  --petify-radius-lg: 1.5rem;
  --petify-radius-xl: 2rem;
  --petify-space-page: 1rem;
  --petify-page-max: 72rem;
  --petify-font-body: "Vazirmatn", "Plus Jakarta Sans", "Noto Sans Arabic", sans-serif;
  --petify-font-display: "Plus Jakarta Sans", "Vazirmatn", "Noto Sans Arabic", sans-serif;
}