:root {
  /* Primary colors */
  --color-primary: #0d71b9;
  --color-secondary: #6c757d;
  --color-success: #28a745;
  --color-danger: #dc3545;
  --color-warning: #ffc107;
  --color-info: #17a2b8;
  --color-light: #f8f9fa;
  --color-dark: #212529;

  /* Text colors */
  --text-primary: #212529;
  --text-secondary: #6c757d;
  --text-light: #f8f9fa;

  /* Background colors */
  --bg-primary: #ffffff;
  --bg-secondary: #f8f9fa;

  /* Border colors */
  --border-color: #dee2e6;

  /* Add more custom colors as needed */
}