/*!
  * Custom CSS
  *
  * Copyright (c) 2024 BERRY CREATIVE - bcreative.dev
  * Licensed under the MIT license
  * Icons distributed by CC BY-SA 4.0
  *
*/

body.dark {
        --bg-color: #23252e;
        --bg-secondary-color: #131316;
        --font-color: #f5f5f5;
        --color-gray: #ccc;
        --color-darkgray: #777;
        --color-primary: #03ff24;
        --color-error: #ff0080;
      }
      body .icoc {
      background-color: #f5f5f5;
      }
      body.dark .icoc {
      background-color: #51555d;
      }
      
      :root {
        --color-primary: #A21CAF;
        --color-gray: #b3b3b3;
      }

.amoracss-badge>span.amorabg {
	background-color: #3F4144;
}
        
/*-- Input-- */
	  input, fieldset {
		font-family: sans-serif;
		font-size: 1em;
		margin: 0;
		padding: 0;
		border: 0;
		background-color: var(--bg-gray);	
	  }
	  input {
		color: var(--color-gray);
		line-height: 1.5;
		height: 2.5em;
		padding: .25em 0;
	  }
	  input:focus {
		outline: none;
		box-shadow: inset 0 -2px var(--color-primary);
	  }
	  
	  input:not([type="checkbox"], [type="radio"], [type="submit"], [type="color"], [type="button"], [type="reset"]),
select,
textarea,
textarea[type="text"] {
  font-family: inherit;
  padding: 0.8rem 1rem;
  font-size: 1em;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: block;
  width: 100%;
}

	  #testDrive {
		display: block;
		padding-top: 12px;
		line-height: 1.5;
		color: var(--color-darkgray);
	  }

  input::-moz-placeholder {
    color: var(--color-lightgray);
  }
  input:-moz-placeholder {
    color: var(--color-lightgray);
  }
  *::-webkit-input-placeholder {
    color: var(--color-lightgray);
  }
  *:-ms-input-placeholder {
    color: var(--color-lightgray);
  }
  *:-moz-placeholder {
    color: var(--color-lightgray);
  }