html:root {
      --surface-submit: #212121;
      --surface-submit-hover: #3c3c3c;
    }
    
    html body .btn-primary, html body .bg-surface-submit, html body button.bg-green-500, html body button.bg-primary {
      background-color: #212121;
    }
    
    html body .btn-primary:hover, html body .bg-surface-submit:hover, html body button.bg-green-500:hover, html body button.bg-primary:hover {
      background-color: #3c3c3c;
    }
    
    html.dark:root {
      --surface-submit: #fafafa;
      --surface-submit-hover: #9a9a9a;
    }
    
    html.dark body .btn-primary, html.dark body .bg-surface-submit, html.dark body .bg-green-500, html.dark body button.bg-primary {
      background-color: #fafafa;
      color: black;
    }
    
    html.dark body .btn-primary:hover, html.dark body .bg-surface-submit:hover, html.dark body .bg-green-500:hover, html.dark body button.bg-primary:hover {
      background-color: #9a9a9a;
      color: black;
    }
    
    html body .text-green-600 {
      color: #E3000B;
    }
    
    html body .text-green-600:hover {
      color: #b6000a;
    }
    
    html body .text-green-500 {
      color: #f11b29;
    }
    
    html body .text-green-500:hover {
      color: #E3000B;
    }
    
    html.dark body .text-green-600 {
      color: #dc3d46;
    }
    
    html.dark body .text-green-600:hover {
      color: #ba333c;
    }
    
    html.dark body .text-green-500 {
      color: #ed5b63;
    }
    
    html.dark body .text-green-500:hover {
      color: #dc3d46;
    }
    
    html body input.focus\:border-green-500:focus {
      border-color: #f11b29 !important;
    }
    
    html body input.focus\:border-green-500:focus + label {
      color: #f11b29 !important;
    }
    
    html.dark body input.focus\:border-green-500:focus {
      border-color: #ed5b63 !important;
    }
    
    html.dark body input.focus\:border-green-500:focus + label {
      color: #ed5b63 !important;
    }