/* Primitive tokens — raw values with --hh-raw- prefix.
   Components NEVER reference these directly.
   Semantic tokens alias these via var(). */

:root {
  /* === Cyan palette (primary hue) === */
  --hh-raw-cyan-300: #66c7fa;
  --hh-raw-cyan-400: #33b5f9;
  --hh-raw-cyan-500: #009BF7;
  --hh-raw-cyan-600: #007acc;
  --hh-raw-cyan-700: #005a99;

  /* === Magenta palette (secondary hue) === */
  --hh-raw-magenta-300: #fe66cc;
  --hh-raw-magenta-400: #fe4dc6;
  --hh-raw-magenta-500: #FE00B3;
  --hh-raw-magenta-600: #cc008f;
  --hh-raw-magenta-700: #99006b;

  /* === Feedback colors === */
  --hh-raw-red-400: #ff4d6a;
  --hh-raw-red-500: #FF1744;
  --hh-raw-red-600: #cc1236;

  --hh-raw-lime-400: #fdfe4d;
  --hh-raw-lime-500: #FCFE04;
  --hh-raw-lime-600: #cace03;

  --hh-raw-green-400: #33ead6;
  --hh-raw-green-500: #00E5CC;
  --hh-raw-green-600: #00b8a3;

  /* === Neutrals (cool gray with blue undertone) === */
  --hh-raw-gray-50: #f0f4f8;
  --hh-raw-gray-100: #d9e2ec;
  --hh-raw-gray-200: #bcccdc;
  --hh-raw-gray-300: #9fb3c8;
  --hh-raw-gray-400: #829ab1;
  --hh-raw-gray-500: #627d98;
  --hh-raw-gray-600: #486581;
  --hh-raw-gray-700: #334e68;
  --hh-raw-gray-800: #243b53;
  --hh-raw-gray-900: #102a43;
  --hh-raw-gray-950: #0a1929;

  /* === Background (void gradient stops) === */
  --hh-raw-void-start: #030712;
  --hh-raw-void-mid: #0a0f1a;
  --hh-raw-void-end: #030712;
}