/**
 * Breakpoints Bootstrap 5.3 — unica fonte de valores (px).
 *
 * Producao: @media exige min-width LITERAL (copiar da tabela). var() em @media nao funciona nos browsers.
 *
 * | name | min-width em @media     | :root (resto do CSS / JS) |
 * | xs   | (sem media query)       | —                         |
 * | sm   | (min-width: 576px)      | --breakpoint-sm           |
 * | md   | (min-width: 768px)      | --breakpoint-md           |
 * | lg   | (min-width: 992px)      | --breakpoint-lg           |
 * | xl   | (min-width: 1200px)     | --breakpoint-xl           |
 * | xxl  | (min-width: 1400px)     | --breakpoint-xxl          |
 *
 * Exemplo noutro ficheiro do tema:
 *   @media (min-width: 576px) { ... }  // sm | min-width: 576px
 *
 * prefers-reduced-motion: nao e breakpoint de largura.
 */

:root {
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--breakpoint-xxl: 1400px;
}