:root {
  --color-primary: #f8a11c; /* Bright accent, keeping as is */
  --color-secondary: #8e7c2b; /* Darker secondary color */
  --color-text-primary: #f9b84d; /* Lighter yellow for contrast */
  --color-background-secondary: #1a1a1a; /* Dark background for secondary areas */
  --color-text: #e1e1e1; /* Light text for primary content */
  --color-text-secondary: #a6a6a6; /* Slightly dimmed secondary text */
  --color-text-accent: #f7f7f7; /* Slightly off-white accent text */
  --color-background: #222222; /* Dark background for the page */
  --color-background-card: #333333; /* Darker background for cards */
  --color-background-accent: #f8a11c; /* Keeping primary accent color for highlights */
  --color-primary-rgba: #f8a11c20; /* Softened transparent primary color */
  --color-background-layer: #222222;
}