/*===================== Premery bg color =====================*/
:root {
  --color-primary: #f79633;
  --color-secondry: #152332;
  --color-hover: #e5862e; /* slightly darker for hover */

  --rgba-primary-1: rgba(247, 150, 51, 0.1);
  --rgba-primary-2: rgba(247, 150, 51, 0.2);
  --rgba-primary-3: rgba(247, 150, 51, 0.3);
  --rgba-primary-4: rgba(247, 150, 51, 0.4);
  --rgba-primary-5: rgba(247, 150, 51, 0.5);
  --rgba-primary-6: rgba(247, 150, 51, 0.6);
  --rgba-primary-7: rgba(247, 150, 51, 0.7);
  --rgba-primary-8: rgba(247, 150, 51, 0.8);
  --rgba-primary-9: rgba(247, 150, 51, 0.9);

  --text-sec: #2d3239;
}