/* ─────────────────────────────────────────
   variables.css — design tokens
   Edit these to retheme the entire site
───────────────────────────────────────── */

:root {
  /* Blues */
  --blue-900: #042C53;
  --blue-800: #0C447C;
  --blue-700: #0F4C81;
  --blue-600: #185FA5;
  --blue-500: #378ADD;
  --blue-300: #85B7EB;
  --blue-200: #B5D4F4;
  --blue-100: #D6E8F7;
  --blue-50:  #EBF4FD;

  /* Grays */
  --gray-900: #16181F;
  --gray-700: #3A3C44;
  --gray-500: #6B6E7A;
  --gray-300: #B4B6BE;
  --gray-100: #EDEEF2;
  --gray-50:  #F7F8FA;

  /* Utility */
  --white:        #ffffff;
  --green:        #3B6D11;
  --green-mid:    #7CC43A;
  --green-light:  #EAF3DE;
  --amber:        #854F0B;
  --amber-mid:    #EF9F27;
  --amber-light:  #FFF4E0;

  /* Typography */
  --font-body:    'DM Sans', sans-serif;
  --font-heading: 'Manrope', sans-serif;

  /* Layout */
  --max-width: 860px;
  --section-padding: 5rem 2rem;

  /* Border radius */
  --radius-sm:  8px;
  --radius-md:  10px;
  --radius-lg:  14px;
  --radius-xl:  16px;
  --radius-full: 9999px;
}