/* ==========================================================================
   BASE/VARIABLES.CSS
   Design tokens — colours, widths and glow effects shared by every page.
   ========================================================================== */

/* ==========================================================================
   DESIGN TOKENS
   ========================================================================== */

:root {
  --ink: #2E2A4A;
  --lavender: #8A7CC8;
  --coral: #FF8C69;
  --cream: #FCEFE3;
  --white: #FFFFFF;
  --ink-soft: #383454;
  --ink-light: #4D486E;
  --max: 1180px;
  --coral-glow: rgba(255, 140, 105, 0.15);
  --lavender-glow: rgba(138, 124, 200, 0.15);
}