/**
 * 512 Titanium · Design tokens v2.1.0
 *
 * Breakpoints canónicos (SUB-FIX Q8 · vara 41/41 v1.2):
 *   --bp-xs · 480px  · mobile estrecho (Galaxy Fold, iPhone SE en columna)
 *   --bp-sm · 600px  · mobile estándar (iPhone 13/15)
 *   --bp-md · 768px  · tablet portrait / breakpoint sidebar ↔ stack
 *   --bp-lg · 1024px · tablet landscape / breakpoint desktop minimal
 *   --bp-xl · 1280px · desktop ancho / breakpoint container max
 *
 * NOTA · las custom properties NO se pueden referenciar adentro de un
 * @media condition por limitación del spec CSS (Custom Properties Level 1).
 * Estas vars son:
 *   1) Source of truth visual del set canónico para reviewers humanos.
 *   2) Disponibles vía getComputedStyle si algún JS necesita el valor.
 *   3) Documentación para que cualquier nueva @media use solo estos valores
 *      hardcodeados (480/600/768/1024/1280).
 *
 * El stylelint rule (lint-staged) debería flagear cualquier @media con un
 * valor distinto a los 5 canónicos (TODO sprint siguiente).
 */
:root {
  --bp-xs: 480px;
  --bp-sm: 600px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
}