/**
 * LoansPilot responsive breakpoints
 * ---------------------------------
 * Bootstrap 5.3+ defaults (use with Bootstrap utilities):
 *   xs  < 576px
 *   sm  ≥ 576px   — large phones (landscape), small phablets
 *   md  ≥ 768px   — tablets portrait (iPad mini / iPad)
 *   lg  ≥ 992px   — tablets landscape / small laptops
 *   xl  ≥ 1200px  — desktops
 *   xxl ≥ 1400px  — large desktops
 *
 * Device-oriented reference widths (CSS custom media tokens):
 *   --bp-phone-sm:  390px   iPhone 14/15/16
 *   --bp-phone-lg:  430px   iPhone Plus / Pro Max
 *   --bp-tablet:    768px   iPad mini / portrait tablet
 *   --bp-tablet-lg: 1024px  iPad Pro / landscape tablet
 *   --bp-laptop:    1280px  common laptop
 *   --bp-desktop:   1440px  design mockup width
 *   --bp-wide:      1920px  full HD
 *
 * Custom max-width queries used in main.css for hero/header:
 *   ≤ 1100px  mid desktop / large tablet
 *   ≤ 768px   tablet / md
 *   ≤ 575px   phone / below Bootstrap sm
 */

:root {
  --bp-phone-sm: 390px;
  --bp-phone-lg: 430px;
  --bp-tablet: 768px;
  --bp-tablet-lg: 1024px;
  --bp-laptop: 1280px;
  --bp-desktop: 1440px;
  --bp-wide: 1920px;
}