/* LogiPay — variables.css */
:root {
  --teal:       #2D8791;
  --teal-light: #3aa3af;
  --navy:       #122b4b;
  --white:      #ffffff;
  --bg-section: #f4f7fa;
  --text-dark:  #0d1f33;
  --text-mid:   #4a6580;
  --border:     #d6e4ef;
  --radius:     12px;
  --shadow:     0 4px 32px rgba(18, 43, 75, 0.1);
  --font-heading: 'Bitter', serif;
  --font-body:   'Manrope', sans-serif;
}