[data-theme="light"],
:root:not([data-theme="dark"]) {
  --primary: #FF9E18; /* #FF9E18 */
  --primary-hover: #FF9E18; /* #FF9E18 */
  --primary-focus: #FF9E1820; 
  --primary-inverse: #1B222E; /* #1B222E */

  --font-family: "Montserrat", sans-serif;
  --font-size: 16px;
  --line-height: 24px;

  --background-color: #1B222E; /* #1B222E */

  --secondary: #242D3C;
  --secondary-hover: #242D3C;
  --secondary-inverse: #E1E2E4;

  /* logo size */
  --logo-size: 300px;
  
  /* text */
  --text-background-body: #E1E2E4; /* #E1E2E4 */
  --text-surface: #E1E2E4; /* surfaceText */
  --text-info: #505766; /* #505766 */

  --h1-color: var(--text-background-body);
  --h2-color: var(--text-background-body);

  /* form */
  --strokes-bg: #E1E2E4;
  --form-element-border-color: var(--strokes-bg);
  --form-element-color: var(--strokes-bg);

  /* search */
  --error: red;
  --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(225, 226, 228)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
}

:root {
    /* background and surfaces */
    --background: #1B222E; /* #1B222E */
    --surface: #1F2734; /* #1F2734 */
    --menu: #1F2734; /* #1F2734 */
    --button: #242D3C; /* #242D3C */
    --disabled-button: #505766; /* #505766 */
}

/* Web structure */

h1 {
    font-size: 28px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
}

footer h1 {
    padding-right: 48px;
}

h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    padding-right: 22px;
}

/* Header */

header #logo {
    margin: 0 auto;
    width: var(--logo-size);
    text-align:center;
}

header h1 {
    --typography-spacing-vertical: 24px;
    margin-top: 97px;
}

header input[type="search"]#search {
    border-radius: 8px;
    background-position: center left 1rem;
}

header {
    padding-bottom: 72px !important;
}

/* Main content (only structure) */

body {
    /**/
}

body main#content {
    padding-top: 0px;
}

/* footer and contact us */

footer {
    background-color: var(--surface);
}

.form-input {
    position: relative;
    margin-bottom: 0.5rem;
}

.form-input label {
    position: absolute;
    background-color: var(--surface);
    left: 0.75rem;
    top: -0.75rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    color: var(--text-surface);
    font-size: 14px;
    transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}

.form-input:focus-within label {
    color: var(--primary-hover);
}

.form-input.support-error input, .form-input.support-error textarea {
    border-color: var(--error);
}

.form-input.support-error label, 
.form-input.support-error:focus-within label {
    color: var(--error) !important;
}

a::selection, a:focus {
    background-color: #00000000 !important;
}

a::-moz-selection {
    background-color: #00000000 !important;
}

@media (min-width: 992px) {
    #contact-us > .grid > div {
        padding-right: 53px;
    }
}