:root {
  --color-default: #ffffff;           /* Neutral white background */
  --color-primary: #005bb0;           /* Deep blue from arrow */
  --color-secondary: #ff9800;         /* Vibrant orange from the road */
  --color-topbar: #4891c7;            /* Muted mid-toned blue (lighter from arrow) */
  --color-main-heading: #1a2639;      /* Nearly black/dark blue for contrast */
  --color-sub-heading: #ff9800;       /* Orange for contrast */
  --color-text: #233357;              /* Deep blue for legible text */
  --color-para: #505050;              /* Neutral dark tone */
  --btn-primary: #005bb0;             /* Deep blue for buttons */
  --btn-primary-hov: #003d78;         /* Even darker blue on hover */
  --btn-secondary: #ff9800;           /* Orange button */
  --btn-secondary-hov: #d97d18;       /* Slightly deeper orange on hover */
  --bg-light-color: #f7f6fa;          /* Light background based on soft blue */
  --dark-color: #1a2639;              /* Rich dark for footers or cards */
  --prize-color: #ff9800;             /* Orange for highlights/prizes */
  --bg-header-color: #1a2639;         /* Header background, matching logo arrow */
}