:root {
  /* Brand Colors */
  --brand-green: #00D9A5;
  --secondary-green: #18A87D;
  --dark-green: #035B60;
  --secondary-green-hover: #148e69;
  --secondary-green-active: #0d7052;
  --secondary-green-border: #129668;
  --secondary-green-shadow: #0d7a5f;

  /* Text Colors */
  --text-primary: #0A1629;
  --text-secondary: #303742;
  --text-tertiary: #4A5568;
  --text-quaternary: #718096;

  /* Neutrals */
  --white: #FFFFFF;
  --grey-01: #FAFBFC;
  --grey-02: #F7F8FA;
  --grey-03: #E8E8E8;
  --grey-04: #BDBDBD;
  --grey-05: #828282;
  --grey-06: #303742;
  --grey-07: #303742;
  --grey-08: #F4F5F7;
  --grey-09: #D1D5DB;
  --grey-10: #EDF2F7;
  --grey-11: #A0AEC0;
  --grey-12: #CBD5E1;
  --grey-13: #FDFDFD;
  --gray-200: #E2E8F0;
  --gray-800: #2D3748;
  --gray-900: #1a202c;
  --dark-grey: #222222;
  --black: #000000;
  --overlay: rgba(0, 0, 0, 0.50);

  /* Vivid Colors */
  --blue: #138EFF;
  --purple: #7B61FF;
  --light-magenta: #C072CD;
  --dark-magenta: #A620B2;
  --orange: #FC7F5B;
  --orange-2: #f6ad55;
  --light-orange: #fff1db;
  --vivid-yellow: #FBBD42;
  --yellow-200: #fde68a;
  --yellow-700: #b45309;
  --yellow-800: #92400e;
  --alert-red: #FF4444;

  /* Pastel Colors */
  --pastel-blue: #1572A1;
  --pastel-purple: #655D8A;
  --pastel-magenta: #A85796;
  --pastel-orange: #CC7351;
  --pastel-yellow: #E6B566;
  --bright-yellow: #F6E676;

  /* Light Background Colors */
  --light-peach: #FFECE6;
  --light-purple: #F2DEF3;
  --light-lavender: #F6EAF8;
  --light-lavender-blue: #E8E7FF;
  --light-mint: #DCF2EC;
  --light-mint-2: #e6fffa;
  --light-sky: #DCEEFF;
  --light-pink: #FFDADA;
  --light-cream: #FDF4E0;
  --light-teal: #B8E6E9;
  --light-orange-2: #FFD7C4;
  --teal: #04757C;
  --sky-blue: #0ea5e9;

  /* Typography */
  --font-family-primary: 'Poppins', sans-serif;
  --font-weight-light: 300;
  --font-weight-body: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;

  /* Transparent RGB Bases */
  --secondary-green-rgb: 24, 168, 125;
  --brand-green-rgb: 0, 217, 165;
  --blue-rgb: 19, 142, 255;
  --orange-rgb: 249, 115, 22;
  --orange-2-rgb: 246, 173, 85;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --grey-11-rgb: 160, 174, 192;
  --light-peach-rgb: 255, 243, 238;
  --light-teal-rgb: 184, 230, 233;
  --glass-border-rgb: 210, 218, 226;

  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-xxl: 3rem;
  --spacing-container: 1200px;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 300ms ease;
}