:root {
  --color-primary: rgb(255, 214, 10);
  --color-secondary: #acb3ba;
  --color-success: #28a745;
  --color-danger: #fc0000;
  --color-light: #f7f7f7;
  --color-dark: #343a40;
  --font-family-base: 'Inter', sans-serif;
  --font-size-base: 16px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;

  --light-theme-bg: #fbfbfb;
  --light-theme-text: #000000;
  --light-theme-hover: rgb(255, 179, 0);

  --dark-theme-bg: #3f3f3f;
  --dark-theme-text: #c6c4c4;
  --dark-theme-hover: #242424;

  --blue-theme-bg: #c0c8ef;
  --blue-theme-text: #ffffff;
  --blue-theme-hover: #8196fc;
}