:root {
  /* Brand palette */
  --brand-pink: #D50069;
  --brand-turq: #39C7CE;
  --brand-blue: #222753;
  --brand-navy: #0B1429;
  --ink: #111827;
  --muted: #f1f1f1;
  --maxw: 1200px;

  /* Legacy aliases (used by existing CSS) */
  --pink: var(--brand-pink);
  --turq: var(--brand-turq);
  --blue: var(--brand-blue);
  --max: var(--maxw);

  /* Buttons */
  --btn-radius: 8px;
  --btn-pad-y: 20px;
  --btn-pad-x: 50px;

  /* Header */
  --iw-header-bg: rgba(0, 0, 0, 0.8);
  --iw-header-height: 76px;
  --iw-header-text: #ffffff;
  --iw-header-muted: #cfd3dc;
  --iw-offcanvas-width: 100vw;

  /* Menu hover accents */
  --iw-hover-grad-start: var(--brand-turq);
  --iw-hover-grad-end: var(--brand-pink);
  --iw-hover-underline-thickness: 2px;
}