@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 90deg;
  inherits: false;
}

:root {
  --r: 30px; 
  --s: 50px; 
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%) no-repeat;

  /* Primary Theme Colors */
  --theme-color1: #2EC4B6; /* Your requested Bright Teal */
  --theme-color2: #111111; /* Neutral Deep Black */
  --theme-color3: #181818; /* Surface Dark */
  --theme-color4: #0A0A0A; /* Pure Black Base */

  /* RGB Values (Converted from #2EC4B6: 46, 196, 182) */
  --theme-color1-rgb: 46, 196, 182;
  --theme-color2-rgb: 17, 17, 17;
  --theme-color3-rgb: 24, 24, 24;
  --theme-color4-rgb: 10, 10, 10;

  --text-color-theme-color1: #ffffff;
  --body-bg: #050505; /* Black Background for maximum pop */

  /* Gradients: Transitioning #2EC4B6 into Deep Forest/Black */
  --gradient-1: linear-gradient(180deg, #111111 33.14%, #2EC4B6 101.28%);
  --gradient-2: linear-gradient(89.51deg, #0A0A0A -14.03%, #208B81 99.77%);
  --gradient-3: linear-gradient(180deg, #CBF3F0 0%, #2EC4B6 49.19%, #111111 100%);
  --gradient-4: linear-gradient(90deg, #011627 -9.47%, #050505 91.33%);
  --gradient-5: linear-gradient(90deg, #050505 0%, #2EC4B6 85.07%);
  --gradient-6: linear-gradient(180deg, #0A0A0A 43.39%, #2EC4B6 156.01%);
  --gradient-7: linear-gradient(180deg, #111111 33.14%, #208B81 101.28%);
  --gradient-8: linear-gradient(180deg, var(--theme-color1) 0%, #011627 100%);
  --gradient-9: linear-gradient(180deg, #050505 43.39%, #2EC4B6 156.01%);

  --h6-font-weight: 600;
}