:root {
      --green-dark:  #002c99;
      --green-mid:   #001a5a;
      --green-light: #001b66;
      --gold:        #f5a623;
      --gold-dark:   #d4891a;
      --white:       #ffffff;
      --text-dark:   #1a1a1a;
      --topbar-bg:   #002374;
    }

  
  /* ──────────────── TOP BAR ──────────────── */
    .topbar {
      background: var(--topbar-bg);
      color: var(--white);
      font-size: .82rem;
      padding: 7px 0;
      border-bottom: 2px solid var(--gold);
    }
    .topbar a { color: var(--white); text-decoration: none; transition: color .2s; font-size:13px; font-weight:500; }
    .topbar a:hover { color: var(--gold); }
    .topbar .contact-item {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-right: 20px;
    }
    .topbar .contact-item i { color: var(--gold); font-size: .9rem; }
    .topbar .social-icons a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 28px; height: 28px;
      border-radius: 50%;
      background: rgba(255,255,255,.12);
      margin-left: 6px;
      font-size: .85rem;
      transition: background .2s, color .2s;
    }
    .topbar .social-icons a:hover { background: var(--gold); color: var(--text-dark); }