/**
 * Design tokens – Teeco brand palette and typography.
 */
:root {
  --color-bg: #f8f8fa;
  --color-heading: #1a1a2e;
  --color-body: #44445a;
  --color-accent: #4b3fee;
  --color-accent-hover: #3a31d4;
  --color-accent-tint: #eeecfd;
  --color-border: #e4e4ec;
  --font-heading: "DM Sans", "Roboto", sans-serif;
  --font-body: "DM Sans", "Roboto", sans-serif;
  --font-page-title: "Manrope", "DM Sans", "Roboto", sans-serif;

  /* Legacy aliases used by theme-teeco.css generation */
  --color-primary: var(--color-accent);
  --color-primary-hover: var(--color-accent-hover);
  --color-primary-rgb: 75, 63, 238;
}