/*
  Design tokens for the whole site.
  Palette is intentionally locked to Rua's favorite colors — shades of blue
  and mint green — so every future chapter shares the same visual language.
*/

:root {
  /* ---- surface ---- */
  --color-bg: #06080d;          /* near-black with a cool navy undertone */
  --color-bg-soft: #0d1420;

  /* ---- text ---- */
  --color-text: #eef4f6;
  --color-text-dim: #8fa3b3;
  --color-text-whisper: #5f7383;

  /* ---- accent: blue -> mint ---- */
  --color-blue: #4f9eff;
  --color-blue-deep: #2f6fd1;
  --color-mint: #6df0c2;
  --gradient-accent: linear-gradient(90deg, var(--color-blue), var(--color-mint));
  --gradient-accent-soft: linear-gradient(90deg, rgba(79, 158, 255, 0.55), rgba(109, 240, 194, 0.55));

  /* ---- typography ---- */
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---- motion ---- */
  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
}