:root {
      --first-color: #000000;
      --second-color: #525252;
    }
    .custom-bg-color {
      background-color: #525252 
    }
    .custom-bg-color-hover:hover {
      background-color: #525252 
    }
    .custom-bg-dynamic-color {
      background-color: rgba(82, 82, 82, 0.5) 
    }
    .custom-bg-dynamic-color-hover:hover {
      background-color: rgba(82, 82, 82, 0.5) 
    }
    .border-color {
      border-color: #525252
    }
    .border-color-checked {
      border-color: #525252
    }
    .text-color {
      color: #525252
    }
    .text-color-dynamic {
      color: #525252
    }

    .focus-ring {
      outline: none; /* Tailwind removes default outline */
      box-shadow: 0 0 0 3px #061D54;
    }