:root {
  --we-text-rgb: 51, 65, 85;
  --we-heading: var(--we-secondary);
  --we-header-bg: #000000;
  --we-header-text: var(--we-secondary);
  --we-header-span: var(--we-white);

  --we-accent-hover: #0d47a1;
  --we-accent-soft: rgba(244, 178, 11, 0.9);
  --we-accent: #376E78;
  --we-accent-rgb: 55, 110, 120;

  --we-secondary: #F4B20B;
  --we-secondary-hover: #b68d10;
  --we-secondary-soft: rgba(255, 178, 11, 0.9);
  --we-secondary-rgb: 255, 178, 11;

  --we-link: var(--we-accent);
  --we-link-hover: rgba(244, 178, 11, 0.9);
  
  --we-nav-dropdown-text: var(--we-black);
  --we-nav-dropdown-bg-hover: var(--we-gray);
  --we-nav-dropdown-hover: var(--we-white);

  --we-on-accent: #000000;
  --we-on-secondary: #111111;
  --we-on-dark: #ffffff;
  --we-on-light: #111111;
  --we-gray: #808080;

  --we-border: rgba(15, 23, 42, 0.10);
  --we-shadow-soft: 0 4px 18px rgba(15, 23, 42, 0.06);

  --we-footer-content: var(--we-gray);
  --we-footer-content-rgb: var(--we-secondary-rgb);
  --we-footer-legal: var(--we-header-bg);
  --we-footer-legal-rgb: var(--we-accent-rgb);
  --we-nav-hover-underline: var(--we-secondary);
}

.hero-fullscreen h1 {
  color: rgba(var(--we-secondary-rgb), 1); 
  text-shadow: 2px 2px rgba(var(--we-black-rgb), 0.25);
}
.hero-fullscreen h1 span {
  color: var(--we-accent);
}
.hero-fullscreen h2 {
  color: rgba(var(--we-secondary-rgb), 1);
  text-shadow: 2px 2px rgba(var(--we-black-rgb), 0.25);
}
.hero-fullscreen h3 {
  color: var(--we-secondary);
}
.hero-fullscreen h5 {
  color: var(--we-secondary);
}


.footer .footer-content .footer-links ul i {
  padding-right: 2px;
  color: rgba(var(--we-black-rgb), 0.8);
  font-size: 12px;
  line-height: 1;
}

.footer {
  color: rgba(var(--we-black-rgb), 0.8);
  font-size: 14px;
}
.copyright{
  color: rgba(var(--we-white-rgb), 0.8);
  font-size: 14px;
}
.footer .footer-content .footer-links ul a {
  color: rgba(var(--we-black-rgb), 0.8);
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

.footer .footer-content .footer-links ul a:hover {
  color: var(--we-accent);
}
.footer .footer-content .footer-links  a {
  color: rgba(var(--we-black-rgb), 0.8);
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

.footer .footer-content .footer-links a:hover {
  color: var(--we-accent);
}
