/* bdt.css — Bootstrap 5.3 custom overrides */

/* 1. Theme colours */
:root {
    --primary-color: #333;
    --primary-dark: #0c0c10;
    --primary-light: #4a4a4a;
    --accent-color: #d0bd36;
    --accent-light: #e0cd46;
    --accent-dark: #b8a629;
    --accent-hover: var(--accent-dark);
    --secondary: #2d3748;
    --secondary-light: #4a5568;
    --text-muted: #666666;
    --border-color: #cccccc;
    --border-light: var(--border-color);
    --background-light: #f8f9fa;
    --white: #ffff;
    --links: #08c;
    --red: #ff2c2c;
    --success: #38a169;
    --warning: #ed8936;
    --danger: #e53e3e;
    --info: #3182ce;
    --surface: #f7fafc;
    --surface-dark: #edf2f7;
    --glass: rgba(255, 255, 255, 0.1);
    --glass-dark: rgba(255, 255, 255, 0.05);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.2);
    --border-radius: 4px;
    --border-radius-sm: 8px;
    --border-radius-lg: 16px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: var(--transition);
    --header-height: 60px;
    --primary: var(--primary-color);
}

body {
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

h1 {
    font-size: 2.3rem;
}

h2 {
    font-size: 1.9rem;
}

h3 {
    font-size: 1.4rem;
}

h4 {
    font-size: 1.25rem;
}

h5 {
    font-size: 1.1rem;
}

h6 {
    font-size: 1rem;
}

a{
    color:var(--links)
}

/* 3. Spacing — Bootstrap 5.3 doesn't let you change the spacer scale via CSS vars,
   so we manually add utility classes for the extra sizes */
.m-6 {
    margin: 4.5rem !important;
}

.mt-6 {
    margin-top: 4.5rem !important;
}

.mb-6 {
    margin-bottom: 4.5rem !important;
}

.ms-6 {
    margin-left: 4.5rem !important;
}

.me-6 {
    margin-right: 4.5rem !important;
}

.m-7 {
    margin: 6rem !important;
}

.mt-7 {
    margin-top: 6rem !important;
}

.mb-7 {
    margin-bottom: 6rem !important;
}

.ms-7 {
    margin-left: 6rem !important;
}

.me-7 {
    margin-right: 6rem !important;
}

/* Repeat above pattern for padding if needed */
.p-6 {
    padding: 4.5rem !important;
}

.pt-6 {
    padding-top: 4.5rem !important;
}

.pb-6 {
    padding-bottom: 4.5rem !important;
}

.ps-6 {
    padding-left: 4.5rem !important;
}

.pe-6 {
    padding-right: 4.5rem !important;
}

.p-7 {
    padding: 6rem !important;
}

.pt-7 {
    padding-top: 6rem !important;
}

.pb-7 {
    padding-bottom: 6rem !important;
}

.ps-7 {
    padding-left: 6rem !important;
}

.pe-7 {
    padding-right: 6rem !important;
}

/* 4. Disable validation helper */
.disable-validation .form-control.is-valid,
.disable-validation .form-control.is-invalid,
.disable-validation.was-validated .form-control:valid,
.disable-validation.was-validated .form-control:invalid {
    border-color: initial !important;
    background-image: none !important;
    padding-right: unset !important;
}

.disable-validation .invalid-feedback,
.disable-validation .valid-feedback {
    display: none !important;
}