/* ============================================================
   CEIP Plurilíngüe de Belesar · Tokens de estilo para web
   Derivados do Manual de Identidade Corporativa
   ============================================================ */
:root{
  /* ---------- Cor · paleta principal ---------- */
  --bl-bosque:#0E3B2E;        /* Verde Bosque · cor primaria de marca */
  --bl-bosque-escuro:#082019; /* fondos escuros, footers */
  --bl-folla:#4FAE7E;         /* Verde Folla · accion, ligazons, foco */
  --bl-folla-claro:#7FC9A3;   /* estados hover sobre escuro */
  --bl-terracota:#B5651D;     /* Terracota · etiquetas, kickers */
  --bl-dourado:#E2A94E;       /* Dourado · destaques, avisos */
  --bl-crema:#FAF1DE;         /* Crema · fondos calidos */
  --bl-papel:#FFFDF7;         /* Papel · superficie de tarxetas */
  --bl-tinta:#23332D;         /* Tinta · texto principal */

  /* ---------- Cor · paleta secundaria (costa de Baiona) ---------- */
  --bl-mar:#3E7C8C;
  --bl-salvia:#9FB89A;
  --bl-coral:#D98C6A;
  --bl-casca:#7A431A;

  /* ---------- Cor · neutros e liñas ---------- */
  --bl-linha:#E4DCC6;         /* bordes e separadores */
  --bl-texto-suave:#5A635C;   /* texto secundario */
  --bl-texto-tenue:#9A9486;   /* metadatos, placeholders */

  /* ---------- Cor · roles semanticos de interface ---------- */
  --bl-fondo:#F6F3EA;         /* fondo de aplicacion */
  --bl-superficie:var(--bl-papel);
  --bl-superficie-alt:var(--bl-crema);
  --bl-borde:var(--bl-linha);
  --bl-primario:var(--bl-bosque);
  --bl-primario-texto:var(--bl-crema);
  --bl-accion:var(--bl-folla);
  --bl-foco:#2F8F62;          /* verde escurecido: contraste AA sobre branco */
  --bl-exito:#2F8F62;
  --bl-aviso:var(--bl-dourado);
  --bl-erro:#C0563E;
  --bl-info:var(--bl-mar);

  /* ---------- Tipografia ---------- */
  --bl-fonte-titulo:'Fredoka', system-ui, sans-serif;   /* titulares, etiquetas, cifras */
  --bl-fonte-texto:'Nunito', system-ui, sans-serif;     /* corpo, formularios, taboas */

  --bl-txt-xs:12px;   --bl-lh-xs:1.4;
  --bl-txt-sm:13.5px; --bl-lh-sm:1.5;
  --bl-txt-base:15px; --bl-lh-base:1.6;
  --bl-txt-lg:17px;   --bl-lh-lg:1.5;
  --bl-txt-xl:22px;   --bl-lh-xl:1.25;
  --bl-txt-2xl:26px;  --bl-lh-2xl:1.15;
  --bl-txt-3xl:38px;  --bl-lh-3xl:1.05;

  --bl-peso-normal:400; --bl-peso-medio:500;
  --bl-peso-semi:600;   --bl-peso-forte:700;

  --bl-tracking-etiqueta:.18em;  /* MAIUSCULAS de etiqueta */
  --bl-tracking-titular:-.5px;

  /* ---------- Espazado (base 4px) ---------- */
  --bl-e1:4px;  --bl-e2:8px;  --bl-e3:12px; --bl-e4:16px;
  --bl-e5:20px; --bl-e6:24px; --bl-e8:32px; --bl-e10:40px; --bl-e12:48px;

  /* ---------- Radios ---------- */
  --bl-r-sm:8px;    /* campos, chips */
  --bl-r-md:12px;   /* botons, celas */
  --bl-r-lg:16px;   /* tarxetas */
  --bl-r-xl:20px;   /* paneis grandes */
  --bl-r-full:999px;

  /* ---------- Sombras ---------- */
  --bl-sombra-sm:0 1px 2px rgba(35,51,45,.06);
  --bl-sombra-md:0 4px 12px rgba(35,51,45,.08);
  --bl-sombra-lg:0 12px 30px rgba(40,35,20,.14);
  --bl-anel-foco:0 0 0 3px rgba(79,174,126,.35);

  /* ---------- Layout de aplicacion ---------- */
  --bl-lateral:264px;         /* ancho da navegacion lateral */
  --bl-lateral-min:72px;      /* lateral colapsada */
  --bl-cabeceira:64px;
  --bl-contido-max:1280px;
  --bl-tap-min:44px;          /* area minima tactil */

  /* ---------- Movemento ---------- */
  --bl-dur-rapida:120ms;
  --bl-dur-media:200ms;
  --bl-easing:cubic-bezier(.4,0,.2,1);
}