html:root {
      --surface-submit: #01172D;
      --surface-submit-hover: #1f3346;
    }
    
    html body .btn-primary, html body .bg-surface-submit, html body button.bg-green-500, html body button.bg-primary {
      background-color: #01172D;
    }
    
    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: #1f3346;
    }
    
    html.dark:root {
      --surface-submit: #c3e0f1;
      --surface-submit-hover: #9cc8e3;
    }
    
    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: #c3e0f1;
      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: #9cc8e3;
      color: black;
    }
    
    html body .text-green-600 {
      color: #3177a4;
    }
    
    html body .text-green-600:hover {
      color: #2c6b94;
    }
    
    html body .text-green-500 {
      color: #3D95CD;
    }
    
    html body .text-green-500:hover {
      color: #3177a4;
    }
    
    html.dark body .text-green-600 {
      color: #64aad7;
    }
    
    html.dark body .text-green-600:hover {
      color: #3D95CD;
    }
    
    html.dark body .text-green-500 {
      color: #8bbfe1;
    }
    
    html.dark body .text-green-500:hover {
      color: #64aad7;
    }
    
    html body input.focus\:border-green-500:focus {
      border-color: #3D95CD !important;
    }
    
    html body input.focus\:border-green-500:focus + label {
      color: #3D95CD !important;
    }
    
    html.dark body input.focus\:border-green-500:focus {
      border-color: #8bbfe1 !important;
    }
    
    html.dark body input.focus\:border-green-500:focus + label {
      color: #8bbfe1 !important;
    }