:root{
  /* --- Paleta "brinquedo de pet shop" (redesign 2026-10) ------------------ */
  /* água #2B44D6 · damasco #FF9A57 · patinho #FFD447 · pronto #C9F0D8       */
  /* tinta #1F2D3A (cinza do logo) · espuma #F6F5FB · azul da marca #2080AA  */

  /* Azul água (primária: fundos de destaque, links, foco) */
  --blue-50:#EEF0FF;--blue-100:#DDE2FF;--blue-200:#BBC5FB;--blue-300:#8D9CF0;
  --blue-400:#5A6EE3;--blue-500:#2B44D6;--blue-600:#2236B4;--blue-700:#1B2B90;
  --blue-800:#16236F;--blue-900:#101A52;

  /* Damasco (acento: CTA principal, bolhas, seção da Mel) */
  --apricot-50:#FFF3EA;--apricot-100:#FFE3CF;--apricot-200:#FFC7A6;--apricot-300:#FFB07E;
  --apricot-500:#FF9A57;--apricot-600:#E97C35;--apricot-700:#B85A1C;--apricot-900:#2A1A12;

  /* Amarelo patinho (etiquetas, destaque de texto, botão do menu) */
  --yellow-50:#FFF9E0;--yellow-100:#FFF0B8;--yellow-200:#FFE58A;
  --yellow-500:#FFD447;--yellow-600:#FFC400;--yellow-700:#C79500;

  /* Tinta (neutras, puxadas do cinza do logo; claras levemente lilás como a espuma) */
  --slate-25:#FBFAFE;--slate-50:#F6F5FB;--slate-100:#ECEAF5;--slate-200:#D9D6EC;
  --slate-300:#B5B2CC;--slate-400:#8A87AA;--slate-500:#6A7684;--slate-600:#4A5866;
  --slate-700:#33414E;--slate-800:#283644;--slate-900:#1F2D3A;

  /* Semânticas — verde "pronto" vem da paleta da marca */
  --green-50:#EAF8EF;--green-100:#C9F0D8;--green-500:#2E9C62;--green-600:#1E7A4A;--green-700:#155C37;
  --amber-50:#FFF9E0;--amber-100:#FFF0B8;--amber-500:#E9A100;--amber-600:#B97F00;--amber-700:#7F5700;
  --red-50:#FDEDEB;--red-100:#F9D3CE;--red-500:#E04A3A;--red-600:#BC3526;--red-700:#8C271C;

  /* Espécie / etiquetas de prontuário (usadas só em tags e avatares) */
  --tag-dog:#2080AA;--tag-cat:#7A5AA8;--tag-bird:#E97C35;--tag-exotic:#1E7A4A;

  --white:#FFFFFF;

  /* --- Nomes da marca (atalhos usados no site e nas peças) --------------- */
  --azul:var(--blue-500);
  --damasco:var(--apricot-500);
  --amarelo:var(--yellow-500);
  --pronto:var(--green-100);
  --tinta:var(--slate-900);
  --tinta-suave:var(--slate-600);
  --espuma:var(--slate-50);
  --azul-marca:#2080AA;      /* olhinhos do símbolo — só no símbolo */

  /* --- Semantic aliases -------------------------------------------------- */
  /* Texto */
  --text-strong:var(--slate-900);
  --text-body:var(--slate-900);
  --text-muted:var(--slate-600);
  --text-subtle:var(--slate-400);
  --text-on-brand:var(--white);
  --text-on-brand-soft:#E6E9FF;          /* corpo de texto sobre azul */
  --text-on-accent:var(--slate-900);     /* texto sobre damasco / amarelo */
  --text-on-accent-soft:var(--apricot-900);
  --text-link:var(--blue-500);
  --text-link-hover:var(--blue-700);
  --text-danger:var(--red-600);
  --text-success:var(--green-600);
  --text-warning:var(--amber-700);

  /* Superfícies */
  --surface-page:var(--slate-50);
  --surface-card:var(--white);
  --surface-sunken:var(--slate-100);
  --surface-hover:var(--slate-50);
  --surface-selected:var(--blue-50);
  --surface-brand:var(--blue-500);
  --surface-brand-hover:var(--blue-600);
  --surface-brand-soft:var(--blue-50);
  --surface-accent:var(--apricot-500);
  --surface-accent-hover:var(--apricot-300);
  --surface-accent-soft:var(--apricot-100);
  --surface-highlight:var(--yellow-500);
  --surface-highlight-hover:var(--yellow-200);
  --surface-ready:var(--green-100);
  --surface-ink:var(--slate-900);
  --surface-ink-hover:var(--slate-800);
  --surface-success-soft:var(--green-50);
  --surface-warning-soft:var(--amber-50);
  --surface-danger-soft:var(--red-50);
  --surface-overlay:rgba(31,45,58,.52);

  /* Bordas — contorno em tinta é a assinatura; as neutras ficam para divisórias internas */
  --border-ink:var(--slate-900);
  --border-subtle:var(--slate-100);
  --border-default:var(--slate-200);
  --border-strong:var(--slate-900);
  --border-dashed:var(--slate-400);
  --border-brand:var(--blue-500);
  --border-danger:var(--red-500);

  /* Foco */
  --focus-ring:0 0 0 3px rgba(43,68,214,.35);
  --focus-ring-danger:0 0 0 3px rgba(224,74,58,.30);
  --focus-outline:3px solid var(--blue-500);
}