@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@300;400;500;600;700&family=Sora:wght@300;400;500;600;700&display=swap');

:root {
  /* Institutional Colors */
  --primary-color: #2ADA01;
  /* Institutional Green */
  --secondary-color: #3B3D3C;
  /* Institutional Dark Gray */

  /* Secondary Color & Variations */
  --blue-brand: #0500E0;
  --blue-light: #2C2CFF;

  /* Grays */
  --gray-900: #181919;
  --gray-800: #323333;
  /* Very close to secondary */
  --gray-600: #696C6B;
  --gray-400: #969B99;
  --gray-200: #C0C6C3;
  --gray-100: #E8EFEB;
  /* Light background gray */

  /* Greens */
  --green-dark-2: #125100;
  --green-dark-1: #197100;
  --green-mid: #29B900;
  --green-bright: #38FF00;
  --green-light: #B7FF9F;
  --green-bg: #EAF7E7;

  /* Functional */
  --text-color: #3B3D3C;
  --text-light: #696C6B;
  --light-bg: #f8f9fa;
  --white: #ffffff;

  /* Typography */
  --font-heading: 'Sora', sans-serif;
  --font-body: 'Hanken Grotesk', 'Inter', sans-serif;
}