:root {
  /* Main structure and sidebar layout */
  --container-background: #f5f5f7; /* Apple-like very light grey */
  --main-content-background: #ffffff; /* Pure white for the main content */
  --sidebar-background: #f4f4f4; /* Slightly off-white grey for the sidebar */
  --sidebar-toggle-button-text: #1d1d1f; /* Dark grey (almost black) for high contrast text */

  /* Collapsible */
  --collapsible-background: #ffffff; /* Very light grey for collapsible */
  --collapsible-hover-background: #d1d1d6; /* Slightly darker grey for hover */
  --collapsible-text: #1d1d1f; /* Dark grey for collapsible text */
  --collapsible-hover-text: #1d1d1f; /* Same dark grey on hover */

  /* Collapsible content */
  --collapsible-content-background: #ffffff; /* Light grey for content background */
  --collapsible-content-label-background: #ffffff; /* Light grey for content label */
  --collapsible-content-label-text: #1d1d1f; /* Dark grey for label text */
  --collapsible-content-label-hover-background: #d1d1d6; /* Subtle darker grey on hover */
  --collapsible-content-label-hover-text: #1d1d1f; /* Same dark grey on hover */

  /* Filters section */
  --filters-container-background: #f4f4f4; /* Off-white for the filters container */
  --filters-container-text: #515154; /* Muted dark grey for filter container text */
  --filters-container-hover-text: #515154; /* Same text on hover */
  --search-field-background: #ffffff; /* Pure white for search field background */

  /* Filter buttons */
  --filter-btn-background: #e5e5e7; /* Subtle blue (Apple-like) for filter button background */
  --filter-btn-hover-background: #005bb5; /* Darker blue for hover */
  --filter-btn-text: #000000; /* White text for filter button */
  --filter-btn-hover-text: #ffffff; /* Same white text on hover */

  /* Export button */
  --export-btn-background: #e5e5e7; /* Light grey for export button */
  --export-btn-hover-background: #e0e0e0; /* Subtle grey on hover */
  --export-btn-text: #1d1d1f; /* Dark grey text for export button */
  --export-btn-hover-text: #000000; /* Black text on hover */

  /* Cards */
  --filter-card-background: #ffffff; /* Pure white for cards */
  --filter-card-hover-background: #f2f2f2; /* Light grey for hover */
  --filter-card-text: #515154; /* Dark grey for card text */

  /* Comparison */
  --comparison-content-background: #f5f5f7; /* Light grey for comparison content */

  /* Interaction log */
  --interaction-log-background: #f5f5f7; /* Light grey for interaction log */
  --country-log-background: #ffffff; /* Pure white for country log */
  --country-log-text: #005bb5; /* Dark grey for country log text */
  --country-log-text-p: #303030;

  /* Feedback message */
  --feedback-message-background: #0071e3; /* Subtle Apple-like blue */
  --feedback-message-text: #ffffff; /* White text for feedback */

  /* Buttons hover effects */
  --buttons-hover-background: #0071e3; /* Blue hover effect for buttons */
  --buttons-hover-text: #ffffff; /* White text on hover */

  /* Add references */
  --references-container-background: #f4f4f4; /* Off-white for references container */
  --add-references-background: #e5e5e7; /* Light grey for references button */
  --add-references-hover-background: #0071e3; /* Subtle blue for hover */
  --add-references-text: #515154; /* Dark grey for references button text */
  --add-references-hover-text: #ffffff; /* White text on hover */

  /* Grand container */
  --grand-container-background: #f4f4f4; /* Off-white for grand container */

  /* Highlight */
  --highlight-background: #fefefe; /* Soft, clean white for highlights */
}