:root {
  /* Colors */
  /* --primary-color: #2563eb; Blue */
  --primary-color: #ff2800;
  --color-primary: #ff2800;
  --beautiful-blue: #2563eb;
  
  --secondary-color: #1f2937; /* Dark gray */
  --background-color: #f3f4f6; /* Light gray */
  --text-color: #111827; /* Near black */
  --accent-color: #10b981; /* Green for buttons, etc. */
  --light-text-color: #f1f5f9; /* Light text for dark mode */

  /* Spacing */
  --spacing-xs: 0.5rem; /* 8px */
  --spacing-sm: 1rem; /* 16px */
  --spacing-md: 1.5rem; /* 24px */
  --spacing-lg: 3rem; /* 32px */

  /* Typography */
  /* --font-family: 'Graphik', sans-serif; */
  --font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --font-size-base: 16px;
  --font-size-lg: 1.25rem; /* 20px */
  --font-size-sm: 0.875rem; /* 14px */

  --color-grey-light: #dddddd;

  --primary-text-color: #111827;
  --primary-text-color-inverse: #ffffff;
  --secondary-text-color: #555555;

  --padding-large: 2rem;
  --padding: 1rem;

  --margin-large: 3rem;
  --margin-medium: 2rem;
  --margin-small: 1rem;

  --margin-bottom-list: 3rem;
  --margin-bottom-list-item: 1rem;
  --margin-bottom-list-item-large: 3rem;

  --height-default: 50px;
}