:root{
  /* Brand Colors */
  --c-navy: #0c152e;
  --c-gray: #e3e3e3;
  /* --c-orange: #fe7743; */
  --c-orange: #0066CC;
  --c-hero-panel: #1b3c53; 
  --c-card-bg: #0C152E14;

  /* Header */
  --header-bg: #ffffff;
  --header-text: var(--c-navy);
  --header-shadow: 0 8px 18px rgba(12, 21, 46, 0.10);
  --container-max: 1400px;

  --lineer-color: linear-gradient(
    90deg,
    var(--c-navy) 0%,
    rgba(7,15,36,0.8) 20%,
    rgba(7,15,36,0.6) 30%,
    rgba(7,15,36,0.4) 40%,
    rgba(7,15,36,0.2) 50%,
    rgba(7,15,36,0) 60%,
    rgba(7,15,36,0) 100%
  );
}