:root{
/* Blue — Coco's uniform + glasses. The core identity. */
--blue-50:#F1F6FC;--blue-100:#E1EDF9;--blue-200:#C0D9F1;--blue-300:#92BDE6;--blue-400:#5C99D6;--blue-500:#2E77C2;--blue-600:#0F5AA8;--blue-700:#0C4685;--blue-800:#0B3563;--blue-900:#0A2647;--blue-950:#061A2E;
/* Orange — beak and feet. Accent only, never a surface. */
--orange-50:#FFF4EA;--orange-100:#FFE4CC;--orange-200:#FECFA8;--orange-300:#FDB77A;--orange-400:#FA8F3C;--orange-500:#F07316;--orange-600:#C85B0D;--orange-700:#9A460A;
/* Neutrals — cool grey, tuned against the blues. */
--neutral-0:#FFFFFF;--neutral-25:#FBFCFD;--neutral-50:#F6F8FA;--neutral-100:#EEF2F6;--neutral-200:#E1E7ED;--neutral-300:#CBD5DF;--neutral-400:#9CAAB8;--neutral-500:#6D7D8C;--neutral-600:#4E5D6C;--neutral-700:#37444F;--neutral-800:#232E38;--neutral-900:#131B23;
/* Semantic families */
--success-50:#E8F7F0;--success-100:#CDEDE0;--success-300:#8FD8BC;--success-500:#0E8A5F;--success-700:#0A6B4A;
--info-50:#E1EDF9;--info-100:#CFE3F6;--info-300:#92BDE6;--info-500:#0F5AA8;--info-700:#0C4685;
--warning-50:#FEF4E5;--warning-100:#FCE7C4;--warning-300:#F5C87C;--warning-500:#B45309;--warning-700:#8A3F06;
--error-50:#FDECEE;--error-100:#FAD7DB;--error-300:#F0A3AC;--error-500:#C62F3B;--error-700:#9B222C;
/* WhatsApp — channel identity only, never brand identity */
--whatsapp-500:#25D366;--whatsapp-600:#1EBE5A;--whatsapp-700:#128C7E;--whatsapp-900:#075E54;--whatsapp-canvas:#ECE5DD;--whatsapp-bubble:#D9FDD3;

/* ---- Semantic aliases: use these in components ---- */
--brand-primary:var(--blue-600);
--brand-primary-hover:var(--blue-700);
--brand-primary-active:var(--blue-800);
--brand-deep:var(--blue-950);
--brand-accent:var(--orange-500);
--brand-accent-hover:var(--orange-600);

--text-primary:var(--blue-950);
--text-secondary:var(--neutral-600);
--text-tertiary:var(--neutral-500);
--text-inverse:var(--neutral-0);
--text-brand:var(--blue-600);
--text-accent:var(--orange-600);
--text-disabled:var(--neutral-400);

--surface-page:var(--neutral-0);
--surface-subtle:var(--neutral-50);
--surface-card:var(--neutral-0);
--surface-sunken:var(--neutral-100);
--surface-brand-soft:var(--blue-50);
--surface-brand:var(--blue-600);
--surface-deep:var(--blue-950);
--surface-accent-soft:var(--orange-50);
--surface-overlay:rgba(6,26,46,.55);

--border-subtle:var(--neutral-200);
--border-default:var(--neutral-300);
--border-strong:var(--neutral-400);
--border-brand:var(--blue-300);
--border-focus:var(--blue-600);

--bubble-coco-bg:var(--neutral-0);
--bubble-coco-border:var(--neutral-200);
--bubble-coco-text:var(--blue-950);
--bubble-user-bg:var(--blue-600);
--bubble-user-text:var(--neutral-0);
--chat-canvas:var(--blue-50);
}