:root:root .g-btn {
    min-height: 38px;
    padding-inline: 1.1rem;
    font-family: var(--font-body);
    font-weight: 700;
    font-size: 0.86rem;
    letter-spacing: 0.02em;
    text-transform: none;
    color: #fff;
    background: var(--el-red-btn);
    border: 0;
    border-radius: 12px;
    box-shadow: var(--el-ring);
    transition: box-shadow 0.18s ease, filter 0.18s ease;
}

:root:root .g-btn:hover {
    color: #fff;
    filter: brightness(1.18);
    box-shadow: none;
}

:root:root .g-btn:active {
    filter: brightness(0.95);
}

:root:root .g-btn--danger {
    background: linear-gradient(180deg, rgba(60, 10, 14, 0.9), rgba(24, 4, 7, 0.95));
    color: #ffb4b9;
}

:root:root .g-btn--shimmer::after,
:root:root .g-btn--shimmer::before {
    display: none;
}

:root:root .g-btn:disabled,
:root:root .g-btn[disabled] {
    opacity: 0.45;
    filter: grayscale(0.4);
}

:root:root .c-field__input,
:root:root .c-cr-field__input,
:root:root .c-select__trigger,
:root:root input[type="text"],
:root:root input[type="email"],
:root:root input[type="password"],
:root:root input[type="number"],
:root:root input[type="search"],
:root:root textarea,
:root:root select {
    color: #fff;
    background: rgba(8, 2, 3, 0.62);
    border: 1px solid rgba(217, 188, 129, 0.28);
    border-radius: 12px;
    font-family: var(--font-body);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

:root:root .c-field__input:focus,
:root:root .c-cr-field__input:focus,
:root:root input:focus,
:root:root textarea:focus,
:root:root select:focus,
:root:root .c-select__trigger:focus {
    border-color: rgba(217, 188, 129, 0.28);
    box-shadow: none;
    outline: none;
}

:root:root ::placeholder {
    color: var(--stone-500);
}

:root:root .c-field__label,
:root:root .c-cr-field__label {
    font-family: var(--font-body);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #f0d9d6;
}

:root:root .c-select__dropdown {
    background: rgba(18, 4, 6, 0.97);
    border: 0;
    border-radius: 14px;
    box-shadow: var(--el-ring), 0 20px 50px rgba(0, 0, 0, 0.8);
}

:root:root .c-select__option:hover {
    background: rgba(240, 23, 38, 0.18);
}

:root:root .c-check__box {
    border: 1px solid rgba(217, 188, 129, 0.28);
    background: rgba(8, 2, 3, 0.7);
    border-radius: 5px;
}

:root:root .c-check__input:checked + .c-check__box {
    background: var(--el-red-btn);
    border-color: rgba(217, 188, 129, 0.28);
}

:root:root .g-switch-track,
:root:root .c-cr-switch__track {
    background: #2a1315;
    border: 1px solid rgba(217, 188, 129, 0.28);
}

:root:root .g-switch input:checked + .g-switch-track,
:root:root .c-cr-switch__input:checked + .c-cr-switch__track {
    background: var(--el-red-btn);
}