:root {
  --font-primary: 'Roboto', sans-serif;

  /* Colors */
  --color-primary: #001f3f; /* Main blue */
  --color-primary-light: #f4f8fb; /* Main Background-colors */
  --color-secondary: #5bc0eb; /* Accent cyan */
  --color-dark: #001f3f; /*Main Headings */
  --color-light: #f9f9f9;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-text: #353535;
  --color-button: #007bff;
  --color-star: #ffc800;
  --icon-circle: #f2efe7;
  --top-header-bg: #f4f8fb;
  --heading-text: #043161;
  --brown-btn: #6e6a6f;
  --browse-link: #0f4373;
  --color-brown: #795548;
  --before-icon: #e7e7e7;
  /* Transitions */
  --transition-default: all 0.3s ease;
}