/*
 Adjustable Settings
*/ 

:root {

  --white-color:                  #ffffff;
  --primary-color:                #0facef;
  --secondary-color:              #36b7ef;
  --section-bg-color:             #f0f8ff;
  --custom-btn-bg-color:          #a73e9a;
  --custom-btn-bg-hover-color:    #7c2f73;
  --dark-color:                   #000000;
  --p-color:                      #717275;
  --border-color:                 #7fffd4;
  --link-hover-color:             #7c2f73;
  --blue-color:                   #05aad2;
  --purple-color:                 #7a529b;
  --pink-color:                   #d9405c;
  --dark-purple:                  #580134;

  --theme-main-color:             #0facef;
  --theme-primary-color:          #0facef;
  --theme-hover-color:            #0b6287;
  --header-footer-color:          #e0e0e0;
  --theme-maingrad-color:         #119af6c4;

  /* Gradient tokens (used by .theme-gradient in style.css) */
  --theme-gradient-angle:         145deg;
  --theme-gradient-start:         #0facef;
  --theme-gradient-end:           #36b7ef;
  --theme-gradient-stops:         var(--theme-gradient-start) 0%, var(--theme-gradient-end) 100%;
  --theme-gradient:               linear-gradient(var(--theme-gradient-angle), var(--theme-gradient-stops));
  --theme-gradient-webkit:        -webkit-linear-gradient(var(--theme-gradient-angle), var(--theme-gradient-stops));
  --theme-gradient-moz:           -moz-linear-gradient(var(--theme-gradient-angle), var(--theme-gradient-stops));
  --theme-gradient-ms:            -ms-linear-gradient(var(--theme-gradient-angle), var(--theme-gradient-stops));
  --border-radius-large:          100px;
  --border-radius-medium:         20px;
  --border-radius-small:          10px;
}