:root {
  /* Core color variables */
  --secondary-color: #434343;
  --text-color: #000000;
  --secondary-text-color: #737373;
  --tertiary-text-color: #b7b7b7;
  --contrast-text-color: #ffffff;
  --primary-bg-color: #ffffff;
  --secondary-bg-color: #f7f7f7;

  /* Navigation color variables */
  --navbar-bg-color: #ffffffcc;
  --navbar-border-color: #e6e6e6;
  --navbar-dropdown-bg-color: rgba(255, 255, 255, 0.75);

  /* Article color variables */
  --latest-articles-glass-bg-color: rgba(255, 255, 255, 0.3);

  /* Other color variables */
  --live-dot-color: #00ff77;
  --country-factsheet-label-color: #9befff;
  --hyperlink-color: #3271ea;

  /* Status and Indicators color variables */
  --warning-bg-color: #fffbf0;
  --warning-text-color: #704d00;
  --warning-title-color: #b06000;
  --warning-border-color: #fce8b2;
  --divider-color: #e5e7eb;

  /* Book view/ Scroll view background color */
  --book-scroll-dropdown-background-color: #e9e9e9;
  --book-scroll-dropdown-number-color: #aaaaaa;
  --book-view--empty-page-color: #d3d3d3;
}