@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@400;700&family=Fraunces:ital,wght@1,400&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  /* Colour tokens */
  --bg: #141414;
  --fg: #d4cec4;
  --accent-lime: #c0fc04;
  --accent-magenta: #ea027e;
  --accent-blue: #3601fb;
  --accent-orange: #ff5500;
  --muted: #7a756e;
  --surface: #1d1d20;
  --border: #2a2a2d;

  /* Font tokens */
  --font-display: 'Archivo Narrow', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'Fraunces', Georgia, serif;

  /* Semantic entry-type tokens */
  --type-meal: var(--accent-lime);
  --type-symptom: var(--accent-magenta);
  --type-stool: var(--accent-orange);
  --type-observation: var(--accent-blue);
}