:root{
  --footer-gap: 12px;

  /* Brand / semantic tokens */
  --brand: rgb(0, 58, 78);
  --highlighted: rgb(0, 88, 118);

  /* Neutrals */
  --border: #ddd;
  --bg: #fff;

  /* Text */
  --muted: rgba(0, 0, 82, 0.55);

  /* Chat bubbles */
  --bubble-ai: #ffeaea;
  --bubble-user: #efffff;

  /* Typography tokens (optional, but recommended) */
  --font-sans: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.4;
}