:root {
  --space-purple-700: #A63D92;
  --space-purple-900: #53204A;
  --space-purple-soft: #F6ECF4;
  --space-red-600: #F02539;
  --space-red-500: #CA1F30;
  --space-red-text: #BA1D2C;
  --space-peach-400: #FF978A;
  --space-peach-100: #FFF1ED;
  --space-cream: #FEF4EB;
  --space-white: #FFFFFF;
  --space-gray-900: #30272F;
  --space-gray-600: #6D606A;
  --space-gray-300: #DCD3D9;
  --space-gray-100: #F7F5F6;
  --space-input-border: #8C7B88;
  --space-success: #246B43;
  --space-success-soft: #EAF5EE;
  --space-warning: #765000;
  --space-warning-soft: #FFF3D6;
  --space-danger: #A51D35;
  --space-danger-soft: #FCECF0;
  --space-color-primary: var(--space-purple-700);
  --space-color-primary-dark: var(--space-purple-900);
  --space-color-primary-soft: var(--space-purple-soft);
  --space-color-accent: var(--space-red-600);
  --space-color-accent-accessible: var(--space-red-500);
  --space-color-accent-hover: var(--space-red-text);
  --space-color-warm: var(--space-peach-400);
  --space-color-warm-soft: var(--space-peach-100);
  --space-color-background: var(--space-cream);
  --space-color-surface: var(--space-white);
  --space-color-surface-alt: var(--space-gray-100);
  --space-color-text: var(--space-gray-900);
  --space-color-text-muted: var(--space-gray-600);
  --space-color-border: var(--space-gray-300);
  --space-font: Inter, Cairo, Arial, sans-serif;
  --space-font-ar: Cairo, Tahoma, Arial, sans-serif;
  --space-radius-sm: .5rem;
  --space-radius: 1rem;
  --space-radius-lg: 1.75rem;
  --space-shadow: 0 8px 30px rgb(83 32 74 / 7%);
  --space-container: 1200px;
  --space-space-1: .5rem;
  --space-space-2: 1rem;
  --space-space-3: 1.5rem;
  --space-space-4: 2rem;
  --space-space-5: 3rem;
  --space-space-6: 5rem;
}