:root {
  /* Primary background colors */
  --bg-primary: #ffffff;    /* Main background */
  --bg-secondary: #FEAD2E;  /* Headers, active elements */
  --bg-tertiary: #383838;   /* Accents, hover states */
  
  /* Font colors */
  --color-dark: #383838;    /* Primary text */
  --color-accent: #FEAD2E;  /* Highlights, active elements */
  --color-secondary: #ffffff; /* Secondary text */
  
  /* Card colors */
  --card-bg: #FFFFFF;       /* Card background */
  --card-text: #000000;     /* Card text */
  
  /* Logo settings */
  --logo-bg-color: #ffffff;  /* Logo background color */
}