/* PALETA Y TIPOGRAFIA UNICAS DE PBC (Viola Boehm, tanda 1, 15/09/2026).

   Unica fuente de los colores, la letra y los tamanos de toda la app. Solo
   variables y la letra: NI UNA regla que pinte algo, para que cargarla en
   cualquier pantalla no pueda descuadrar nada (el CSS global pisa a los
   componentes, leccion del proyecto).

   Colores en formato HSL sin envolver, igual que los de siempre:
     color: hsl(var(--pbc-blue));
     background: hsl(var(--pbc-blue) / .12);   (con transparencia)

   Si hace falta un color que no esta aqui, se ANADE aqui y se explica en
   mainmodule/views_design.py (el tablero /admin/design/ lo ensena). Nunca un
   hexadecimal suelto dentro de un componente. */

/* Una sola familia: Proxima Nova (regular + negrita) con el nombre de la casa.
   Tiene tildes, enes y dieresis completas (la Futura no). */
@font-face {
  font-family: 'PBC Sans';
  src: url("../fonts/ProximaNovaRegular.1291413e8367.woff2") format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PBC Sans';
  src: url("../fonts/ProximaNovaBold.4e491662cba9.woff2") format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Azul de marca y sus variantes de contraste */
  --pbc-blue: 209 92% 41%;          /* #086BC9 */
  --pbc-blue-bright: 216 94% 52%;   /* #126EF8 */
  --pbc-blue-dark: 210 96% 35%;     /* #045AAE */
  --pbc-blue-soft: 212 83% 95%;     /* #EAF3FD */
  /* Segundo color y amarillo de marca */
  --pbc-cyan: 190 98% 40%;          /* #02A9CA */
  --pbc-cyan-dark: 192 98% 34%;     /* #0288A9 */
  --pbc-cyan-ink: 191 84% 25%;      /* #0A5F73 */
  --pbc-cyan-soft: 195 71% 95%;     /* #E7F6FB */
  --pbc-cyan-line: 197 64% 88%;     /* #CDE9F4 */
  --pbc-gold: 49 100% 56%;          /* #FFD51F */
  --pbc-gold-dark: 48 100% 42%;     /* #D8AD00 */
  --pbc-gold-ink: 32 100% 18%;      /* #5B3100 */
  /* Neutros */
  --pbc-ink: 213 48% 16%;           /* #15263B */
  --pbc-ink-soft: 211 24% 34%;      /* #42566B */
  --pbc-muted: 213 17% 43%;         /* #5A6B80 */
  --pbc-subtle: 211 22% 64%;        /* #8FA3B8 */
  --pbc-line: 209 43% 90%;          /* #D9E5F0 */
  --pbc-line-soft: 215 35% 93%;     /* #E8EDF4 */
  --pbc-page: 210 57% 97%;          /* #F4F8FC */
  --pbc-surface: 0 0% 100%;         /* #FFFFFF */
  --pbc-on-color: 0 0% 100%;        /* #FFFFFF */
  /* Estados */
  --pbc-red: 358 73% 54%;           /* #E0353B */
  --pbc-green: 162 78% 27%;         /* #0F7A5A */

  /* Tipografia: una familia y una escala */
  --pbc-font: 'PBC Sans', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --pbc-weight-regular: 400;
  --pbc-weight-bold: 700;
  --pbc-text-3xs: 10px;
  --pbc-text-2xs: 11px;
  --pbc-text-xs: 12px;
  --pbc-text-sm: 13px;
  --pbc-text-base: 14px;
  --pbc-text-md: 16px;
  --pbc-text-lg: 18px;
  --pbc-text-xl: 22px;
  --pbc-text-2xl: 26px;
  --pbc-text-title: 32px;

  /* Nombres de siempre. El CSS viejo los usa como hsl(var(--primary)); ahora
     solo APUNTAN a la paleta de arriba, no llevan valor propio. */
  --background: var(--pbc-surface);
  --foreground: var(--pbc-ink);
  --card: var(--pbc-surface);
  --card-foreground: var(--pbc-ink);
  --popover: var(--pbc-surface);
  --popover-foreground: var(--pbc-ink);
  --primary: var(--pbc-blue);
  --primary-foreground: var(--pbc-on-color);
  --secondary: var(--pbc-page);
  --secondary-foreground: var(--pbc-ink);
  --accent-yellow: var(--pbc-gold);
  --accent-yellow-foreground: var(--pbc-ink);
  --cyan: var(--pbc-cyan);
  /* Tinta OSCURA sobre turquesa (16/09/2026): el blanco daba 2,3 de contraste
     y no se leia. La tinta de marca da mas de 5. */
  --cyan-foreground: var(--pbc-ink);
  --muted: var(--pbc-page);
  --muted-foreground: var(--pbc-muted);
  --accent: var(--pbc-blue-soft);
  --accent-foreground: var(--pbc-ink);
  --border: var(--pbc-line);
  --input: var(--pbc-line);
  --ring: var(--pbc-blue);
  --radius: 0.75rem;
}