:root {
  --bs-primary: #606f85 !important;
  --bs-secondary: #6c757d !important;
  --bs-success: #198754 !important;
  --bs-danger: #87212b !important;
  --bs-warning: #ffc107 !important;
  --bs-info: #0dcaf0 !important;
  --base-font-size: 16px;
  --heading-font-size: 2rem;
  --small-font-size: 0.875rem;
  --large-font-size: 1.25rem;
  --border-radius: 0.375rem;
  --box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --navbar-height: 56px;
  --container-max-width: 1320px;
  --hero-gradient-start: #4b5272;
  --hero-gradient-end: #2e104c;
}

body { font-size: var(--base-font-size) !important; }
/* Размеры заголовков определяются в style.css для каждого уровня отдельно */
.small, small { font-size: var(--small-font-size) !important; }
.large { font-size: var(--large-font-size) !important; }
.card, .btn { border-radius: var(--border-radius) !important; box-shadow: var(--box-shadow) !important; }
.navbar { height: var(--navbar-height) !important; }
.container { max-width: var(--container-max-width) !important; margin: 0 auto !important; padding: 0 15px !important; width: 100% !important; }
.bg-primary { background-color: var(--bs-primary) !important; }
.btn-primary { background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; }
.text-primary { color: var(--bs-primary) !important; }
.bg-secondary { background-color: var(--bs-secondary) !important; }
.btn-secondary { background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important; }
.text-secondary { color: var(--bs-secondary) !important; }
.bg-success { background-color: var(--bs-success) !important; }
.btn-success { background-color: var(--bs-success) !important; border-color: var(--bs-success) !important; }
.text-success { color: var(--bs-success) !important; }
.bg-danger { background-color: var(--bs-danger) !important; }
.btn-danger { background-color: var(--bs-danger) !important; border-color: var(--bs-danger) !important; }
.text-danger { color: var(--bs-danger) !important; }
.bg-warning { background-color: var(--bs-warning) !important; }
.btn-warning { background-color: var(--bs-warning) !important; border-color: var(--bs-warning) !important; }
.text-warning { color: var(--bs-warning) !important; }
.bg-info { background-color: var(--bs-info) !important; }
.btn-info { background-color: var(--bs-info) !important; border-color: var(--bs-info) !important; }
.text-info { color: var(--bs-info) !important; }
.hero-section { background: linear-gradient(135deg, var(--hero-gradient-start) 0%, var(--hero-gradient-end) 100%) !important; }