:root {
    --cs-gunmetal-100: #f9fafb;
    --cs-gunmetal-200: #f2f4f7;
    --cs-gunmetal-300: #e4e7ec;
    --cs-gunmetal-400: #d0d5dd;
    --cs-gunmetal-500: #98a2b3;
    --cs-gunmetal-600: #667085;
    --cs-gunmetal-700: #475467;
    --cs-gunmetal-800: #344057;
    --cs-gunmetal-900: #1d2939;
    --cs-gunmetal: var(--cs-gunmetal-900);
    --cs-gunmetal-hover: #16202c;
    --cs-blue-700: #003e67;
    --cs-blue-800: #003552;
    --cs-blue-900: #002c49;
    --cs-blue: var(--cs-blue-700);
    --bs-font-sans-serif: "Roboto", Arial, sans-serif;
    --bs-primary: #1d2939;
    --bs-primary-rgb: 29, 41, 57;
    --bs-secondary: #667085;
    --bs-secondary-rgb: 102, 112, 133;
    --bs-danger: #b91c1c;
    --bs-danger-rgb: 185, 28, 28;
    --bs-body-color: #1d1d1f;
    --bs-body-color-rgb: 29, 29, 31;
    --bs-border-color: #dee2e6;
    --bs-link-color: #344057;
    --bs-link-color-rgb: 52, 64, 87;
    --bs-link-hover-color: #1d2939;
    --bs-link-hover-color-rgb: 29, 41, 57;
}

body {
    font-family: var(--bs-font-sans-serif);
}

.btn-primary {
    --bs-btn-bg: var(--cs-gunmetal);
    --bs-btn-border-color: var(--cs-gunmetal);
    --bs-btn-hover-bg: var(--cs-gunmetal-hover);
    --bs-btn-hover-border-color: var(--cs-gunmetal-hover);
    --bs-btn-focus-shadow-rgb: 71, 84, 103;
    --bs-btn-active-bg: var(--cs-gunmetal-hover);
    --bs-btn-active-border-color: var(--cs-gunmetal-hover);
    --bs-btn-disabled-bg: var(--cs-gunmetal);
    --bs-btn-disabled-border-color: var(--cs-gunmetal);
}

.btn-outline-primary {
    --bs-btn-color: var(--cs-gunmetal-700);
    --bs-btn-border-color: var(--cs-gunmetal-700);
    --bs-btn-hover-bg: var(--cs-gunmetal-700);
    --bs-btn-hover-border-color: var(--cs-gunmetal-700);
    --bs-btn-active-bg: var(--cs-gunmetal);
    --bs-btn-active-border-color: var(--cs-gunmetal);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: var(--cs-gunmetal-500);
    box-shadow: 0 0 0 0.25rem rgba(29, 41, 57, 0.13);
}

.form-check-input:checked {
    border-color: var(--cs-gunmetal);
    background-color: var(--cs-gunmetal);
}
