:root {
  /* Brand colors */
  --primary: #df1c41;
  /* filled buttons and CTAs - kept apart from --primary so links/prices don't change */
  --button: #d80e0e;
  --button-hover: #b80c0c;
  --bg-primary: #fedbdc;
  --bg-primary-disabled: #f3d6d8;
  --bg-tertiary: #faa0a0;
  --bg-white: #ffffff;
  --bg-secondary: #f6f8fa;
  --bg-weak: #f6f9f8;
  --bg-primary-section: #FBE7E7;

  /*dashboard*/
  --bg-dark: #0d0f12;
  --bg-dark-secondary: #14161c;
  --border-dark: #24272f;
  --bg-red: #D80E0E;
  --bg-success: #A1DAA7;
  
  
  /* Text colors */
  --text-dark: #18221d;
  --text-secondary: #6a716c;
  --text-gray: #9ba19d;
  --text-label: #0a0d14;
  --text-success: #2C7A34;

  /*placeholder colors*/
  --placeholder-color: #868c98;

  /* Borders */
  --border-primary: #e8ecea;
  --border-secondary: #e2e4e9;
  --border-admin: #3a3d46;

  /* Fonts */
  --font-primary: "Zanjabeel", Arial, sans-serif;
  --font-secondary: "Playfair Display", Georgia, serif;
  --font-thin: 100;
  --font-extralight: 200;
  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;
  --font-black: 900;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 20px;

  /* Radius scale */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 50%;
}