@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 90deg;
  inherits: false;
}
:root {
  --r: 30px; /* radius */
  --s: 50px; /* size of the inner curve*/
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%) no-repeat;
  --theme-color1: #FF6A00;
  --theme-color2: #FF7A1A;
  --theme-color1-rgb: 255, 106, 0;
  --theme-color2-rgb: 255, 122, 26;
  --text-color-theme-color1: #ffffff;
  --body-bg: #060712;
  --gradient-1: linear-gradient(180deg, #FF7A1A -32.14%, #FF6A00 98.21%);
  --gradient-2: linear-gradient(145deg, #1A0F2A 0%, #0B0C1F 55%, #070816 100%);
  --gradient-3: linear-gradient(180deg, #FF7A1A 33.17%, #FF6A00 100%);
  --gradient-4: linear-gradient(145deg, #1A0F2A 0%, #0B0C1F 55%, #070816 100%);
  --gradient-5: linear-gradient(145deg, #1A0F2A 0%, #0B0C1F 55%, #070816 100%);
  --gradient-8: linear-gradient(180deg, #FF7A1A 10%, #FF6A00 100%);
  --h3-font-size: 30px;
  --h6-font-weight: 600;
}