/* Bootstrap migration bridge for storefront.
   Keeps custom visual identity while enabling gradual Bootstrap component adoption. */

.container-fluid.shell {
    max-width: var(--layout-max);
    margin: 0 auto;
    padding-left: var(--layout-pad);
    padding-right: var(--layout-pad);
}

.btn-brand {
    --bs-btn-color: #111f2d;
    --bs-btn-bg: #f0a340;
    --bs-btn-border-color: #d97f24;
    --bs-btn-hover-color: #0f1d2b;
    --bs-btn-hover-bg: #f2b05d;
    --bs-btn-hover-border-color: #e0953f;
}

.btn-shell-secondary {
    --bs-btn-color: #d7e5f2;
    --bs-btn-bg: #1a3146;
    --bs-btn-border-color: #35516b;
    --bs-btn-hover-color: #e7f2fc;
    --bs-btn-hover-bg: #24425d;
    --bs-btn-hover-border-color: #3f6280;
}

.form-control,
.form-select {
    min-height: var(--control-height);
    border-radius: var(--control-radius);
}