/* 1 · PRIMITIVOS — forma e sombra. A sombra usa azul-marinho, nunca preto puro. */
:root{
  --radius-sm:6px;        /* Botões, campos */
  --radius-md:12px;       /* Cards, swatches, tabelas */
  --radius-lg:20px;       /* Blocos grandes, hero, mockups */
  --radius-full:999px;    /* Badges e pílulas */
  --radius-chamfer:14px;  /* Canto chanfrado a 45° — eco do módulo do símbolo */

  --shadow-1:0 1px 2px rgba(0,0,71,.06),0 4px 16px rgba(0,0,71,.06);
  --shadow-2:0 12px 40px rgba(0,0,71,.14);
}