:root {
  /* Primary colors */
  --primary-color: #307EF3; /* Main buttons */
  --secondary-color: #3F7AC9; /* Borders, shadows, or icons */
  --tertiary-color: #E9E3FF; /* Additional shade */

  /* Shades of blue */
  --blue-main: #01A1B9;
  --blue-light: #8AB6D9;
  --blue-medium: #5A9FD9;
  --blue-dark: #2E5AA7;
  --blue-muted: #7A98C9;
  --blue-soft: #DCEFFD;

  /* Background colors */
  --background-dark: #262626;
  --background-light: #F8F9FA;

  /* Alternative buttons & accents */
  --alt-button: #FBF353; /* Less important buttons */

  --danger-color: #DC3545; /* Red (e.g., for errors) */
  --success-color: #53A653; /* Green (e.g., for confirmations) */
  --warning-color: #FFAA05; /* Yellow (e.g., for warnings) */
}