:root {
  --color-bg: #f4f4f4;
  /* cool grey body background */
  --color-text: #333333;
  /* clean dark grey text */
  --color-primary: #d90429;
  /* bold primary red */
  --color-btn-bg: #e31837;
  /* bright red CTA button */
  --color-btn-text: #ffffff;
  /* white text for buttons */
  --color-border: #e0e0e0;
  /* subtle borders */
  --color-nav-bg: #ffffff;
  /* white main navbar */
  --color-nav-text: #111111;
  /* dark navbar text */
  /* --color-topbar-bg: #e31837;*/
  /* red topbar */
  --color-topbar-bg: #ffffff;
  /* white topbar */
  /* --color-topbar-text: #ffffff; */
  --color-topbar-text: #000000;
  /* white topbar text */
  --color-footer-bg: #1a1a2e;
  /* near-black footer */
  --font-body: 'Segoe UI', Arial, sans-serif;
  /* system-safe modern font */
  --font-size-base: 13px;
  /* tighter compact font size */
  --radius-card: 4px;
  /* small border-radius for sharp look */
  --radius-btn: 4px;
  /* small border-radius for CTA */
  --nav-height: 70px;
  /* tighter compact navbar height */
}