:root {
  /* --- Marie Redmond Tuition–inspired palette --- */
  /* Primary = CTA green (Enrol Now, buttons) */
  --primary-500: #8dc63f; /* fresh green */
  --primary-dark: #6fa12f; /* hover/pressed */
  --primary-light: #eef7e3; /* soft green wash */
  --primary-lighter: #f6fbef; /* extra-light bg */
  --primary-extralight: #8dc63f0f; /* translucent green wash */

  /* Secondary = brand purple accent (logo/active highlights) */
  --secondary-500: #6f2c8f; /* rich purple */
  --secondary-dark: #3d0d55; /* hover/pressed */
  --secondary-light: #6f2c8f14; /* subtle purple tint */

  /* Tertiary = ink/charcoal used for nav & body text */
  --tertiary-500: #1e2430; /* near-black ink */
  --tertiary-light: #1e24300d; /* ultra subtle overlay */

  /* Neutrals (light, airy page feel) */
  --gray-base: #6b7280; /* slate copy/supporting text */
  --gray-light: #e5e7eb; /* dividers/borders */
  --gray-extralight: #fafafa; /* page background */

  /* Status colors (harmonised with palette) */
  --alert-base: #d92d20; /* error/red */
  --alert-light: #d92d201a;
  --alert-extralight: #d92d200a;

  --warning-base: #c27c1a; /* amber */
  --warning-light: #c27c1a1a;

  --success-base: #22c55e; /* success green (slightly brighter than primary) */
  --success-light: #22c55e33;

  /* Radii (friendly, modern) */
  --cx-rounded-small: 0px;
  --cx-rounded-medium: 0px;
  --cx-rounded-large: 0px;
  --cx-rounded-full: 0px;
}

/* Typography helpers (swap fonts here if needed) */
.primary-font-base {
  font-family: "Poppins", sans-serif;
  font-style: normal;
}
.secondary-font-base {
  font-family: "IBM Plex Mono", monospace;
  font-style: normal;
}

/* Utility */
[x-cloak] {
  display: none;
}

/* Reusable HTMX loading pulse */
@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.htmx-pulse.htmx-request {
  animation: pulse 2s infinite;
  cursor: wait;
}