:root {


  /*
  // Primitives
  */

  /* Colors */

  --clr-base-50: #EFEFF0;
  --clr-base-50--0: rgba(239, 239, 240, 0);
  --clr-base-50--5: rgba(239, 239, 240, 0.05);
  --clr-base-50--10: rgba(239, 239, 240, 0.1);
  --clr-base-50--20: rgba(239, 239, 240, 0.2);
  --clr-base-50--25: rgba(239, 239, 240, 0.25);
  --clr-base-50--30: rgba(239, 239, 240, 0.3);
  --clr-base-50--40: rgba(239, 239, 240, 0.4);
  --clr-base-50--50: rgba(239, 239, 240, 0.5);
  --clr-base-50--60: rgba(239, 239, 240, 0.6);
  --clr-base-50--70: rgba(239, 239, 240, 0.7);
  --clr-base-50--75: rgba(239, 239, 240, 0.75);
  --clr-base-50--80: rgba(239, 239, 240, 0.8);
  --clr-base-50--90: rgba(239, 239, 240, 0.9);
  --clr-base-50--95: rgba(239, 239, 240, 0.95);

  --clr-base-100: #D4D4D8;
  --clr-base-100--0: rgba(212, 212, 216, 0);
  --clr-base-100--5: rgba(212, 212, 216, 0.05);
  --clr-base-100--10: rgba(212, 212, 216, 0.1);
  --clr-base-100--20: rgba(212, 212, 216, 0.2);
  --clr-base-100--25: rgba(212, 212, 216, 0.25);
  --clr-base-100--30: rgba(212, 212, 216, 0.3);
  --clr-base-100--40: rgba(212, 212, 216, 0.4);
  --clr-base-100--50: rgba(212, 212, 216, 0.5);
  --clr-base-100--60: rgba(212, 212, 216, 0.6);
  --clr-base-100--70: rgba(212, 212, 216, 0.7);
  --clr-base-100--75: rgba(212, 212, 216, 0.75);
  --clr-base-100--80: rgba(212, 212, 216, 0.8);
  --clr-base-100--90: rgba(212, 212, 216, 0.9);
  --clr-base-100--95: rgba(212, 212, 216, 0.95);

  --clr-base-200: #BABABF;
  --clr-base-200--0: rgba(186, 186, 191, 0);
  --clr-base-200--5: rgba(186, 186, 191, 0.05);
  --clr-base-200--10: rgba(186, 186, 191, 0.1);
  --clr-base-200--20: rgba(186, 186, 191, 0.2);
  --clr-base-200--25: rgba(186, 186, 191, 0.25);
  --clr-base-200--30: rgba(186, 186, 191, 0.3);
  --clr-base-200--40: rgba(186, 186, 191, 0.4);
  --clr-base-200--50: rgba(186, 186, 191, 0.5);
  --clr-base-200--60: rgba(186, 186, 191, 0.6);
  --clr-base-200--70: rgba(186, 186, 191, 0.7);
  --clr-base-200--75: rgba(186, 186, 191, 0.75);
  --clr-base-200--80: rgba(186, 186, 191, 0.8);
  --clr-base-200--90: rgba(186, 186, 191, 0.9);
  --clr-base-200--95: rgba(186, 186, 191, 0.95);

  --clr-base-300: #9D9DA4;
  --clr-base-300--0: rgba(157, 157, 164, 0);
  --clr-base-300--5: rgba(157, 157, 164, 0.05);
  --clr-base-300--10: rgba(157, 157, 164, 0.1);
  --clr-base-300--20: rgba(157, 157, 164, 0.2);
  --clr-base-300--25: rgba(157, 157, 164, 0.25);
  --clr-base-300--30: rgba(157, 157, 164, 0.3);
  --clr-base-300--40: rgba(157, 157, 164, 0.4);
  --clr-base-300--50: rgba(157, 157, 164, 0.5);
  --clr-base-300--60: rgba(157, 157, 164, 0.6);
  --clr-base-300--70: rgba(157, 157, 164, 0.7);
  --clr-base-300--75: rgba(157, 157, 164, 0.75);
  --clr-base-300--80: rgba(157, 157, 164, 0.8);
  --clr-base-300--90: rgba(157, 157, 164, 0.9);
  --clr-base-300--95: rgba(157, 157, 164, 0.95);

  --clr-base-400: #76767E;
  --clr-base-400--0: rgba(118, 118, 126, 0);
  --clr-base-400--5: rgba(118, 118, 126, 0.05);
  --clr-base-400--10: rgba(118, 118, 126, 0.1);
  --clr-base-400--20: rgba(118, 118, 126, 0.2);
  --clr-base-400--25: rgba(118, 118, 126, 0.25);
  --clr-base-400--30: rgba(118, 118, 126, 0.3);
  --clr-base-400--40: rgba(118, 118, 126, 0.4);
  --clr-base-400--50: rgba(118, 118, 126, 0.5);
  --clr-base-400--60: rgba(118, 118, 126, 0.6);
  --clr-base-400--70: rgba(118, 118, 126, 0.7);
  --clr-base-400--75: rgba(118, 118, 126, 0.75);
  --clr-base-400--80: rgba(118, 118, 126, 0.8);
  --clr-base-400--90: rgba(118, 118, 126, 0.9);
  --clr-base-400--95: rgba(118, 118, 126, 0.95);

  --clr-base-500: #434347;
  --clr-base-500--0: rgba(67, 67, 71, 0);
  --clr-base-500--5: rgba(67, 67, 71, 0.05);
  --clr-base-500--10: rgba(67, 67, 71, 0.1);
  --clr-base-500--20: rgba(67, 67, 71, 0.2);
  --clr-base-500--25: rgba(67, 67, 71, 0.25);
  --clr-base-500--30: rgba(67, 67, 71, 0.3);
  --clr-base-500--40: rgba(67, 67, 71, 0.4);
  --clr-base-500--50: rgba(67, 67, 71, 0.5);
  --clr-base-500--60: rgba(67, 67, 71, 0.6);
  --clr-base-500--70: rgba(67, 67, 71, 0.7);
  --clr-base-500--75: rgba(67, 67, 71, 0.75);
  --clr-base-500--80: rgba(67, 67, 71, 0.8);
  --clr-base-500--90: rgba(67, 67, 71, 0.9);
  --clr-base-500--95: rgba(67, 67, 71, 0.95);

  --clr-base-600: #2C2C30;
  --clr-base-600--0: rgba(44, 44, 48, 0);
  --clr-base-600--5: rgba(44, 44, 48, 0.05);
  --clr-base-600--10: rgba(44, 44, 48, 0.1);
  --clr-base-600--20: rgba(44, 44, 48, 0.2);
  --clr-base-600--25: rgba(44, 44, 48, 0.25);
  --clr-base-600--30: rgba(44, 44, 48, 0.3);
  --clr-base-600--40: rgba(44, 44, 48, 0.4);
  --clr-base-600--50: rgba(44, 44, 48, 0.5);
  --clr-base-600--60: rgba(44, 44, 48, 0.6);
  --clr-base-600--70: rgba(44, 44, 48, 0.7);
  --clr-base-600--75: rgba(44, 44, 48, 0.75);
  --clr-base-600--80: rgba(44, 44, 48, 0.8);
  --clr-base-600--90: rgba(44, 44, 48, 0.9);
  --clr-base-600--95: rgba(44, 44, 48, 0.95);

  --clr-base-700: #18181A;
  --clr-base-700--0: rgba(24, 24, 26, 0);
  --clr-base-700--5: rgba(24, 24, 26, 0.05);
  --clr-base-700--10: rgba(24, 24, 26, 0.1);
  --clr-base-700--20: rgba(24, 24, 26, 0.2);
  --clr-base-700--25: rgba(24, 24, 26, 0.25);
  --clr-base-700--30: rgba(24, 24, 26, 0.3);
  --clr-base-700--40: rgba(24, 24, 26, 0.4);
  --clr-base-700--50: rgba(24, 24, 26, 0.5);
  --clr-base-700--60: rgba(24, 24, 26, 0.6);
  --clr-base-700--70: rgba(24, 24, 26, 0.7);
  --clr-base-700--75: rgba(24, 24, 26, 0.75);
  --clr-base-700--80: rgba(24, 24, 26, 0.8);
  --clr-base-700--90: rgba(24, 24, 26, 0.9);
  --clr-base-700--95: rgba(24, 24, 26, 0.95);

  --clr-base-800: #111113;
  --clr-base-800--0: rgba(17, 17, 19, 0);
  --clr-base-800--5: rgba(17, 17, 19, 0.05);
  --clr-base-800--10: rgba(17, 17, 19, 0.1);
  --clr-base-800--20: rgba(17, 17, 19, 0.2);
  --clr-base-800--25: rgba(17, 17, 19, 0.25);
  --clr-base-800--30: rgba(17, 17, 19, 0.3);
  --clr-base-800--40: rgba(17, 17, 19, 0.4);
  --clr-base-800--50: rgba(17, 17, 19, 0.5);
  --clr-base-800--60: rgba(17, 17, 19, 0.6);
  --clr-base-800--70: rgba(17, 17, 19, 0.7);
  --clr-base-800--75: rgba(17, 17, 19, 0.75);
  --clr-base-800--80: rgba(17, 17, 19, 0.8);
  --clr-base-800--90: rgba(17, 17, 19, 0.9);
  --clr-base-800--95: rgba(17, 17, 19, 0.95);

  --clr-base-900: #0C0C0D;
  --clr-base-900--0: rgba(12, 12, 13, 0);
  --clr-base-900--5: rgba(12, 12, 13, 0.05);
  --clr-base-900--10: rgba(12, 12, 13, 0.1);
  --clr-base-900--20: rgba(12, 12, 13, 0.2);
  --clr-base-900--25: rgba(12, 12, 13, 0.25);
  --clr-base-900--30: rgba(12, 12, 13, 0.3);
  --clr-base-900--40: rgba(12, 12, 13, 0.4);
  --clr-base-900--50: rgba(12, 12, 13, 0.5);
  --clr-base-900--60: rgba(12, 12, 13, 0.6);
  --clr-base-900--70: rgba(12, 12, 13, 0.7);
  --clr-base-900--75: rgba(12, 12, 13, 0.75);
  --clr-base-900--80: rgba(12, 12, 13, 0.8);
  --clr-base-900--90: rgba(12, 12, 13, 0.9);
  --clr-base-900--95: rgba(12, 12, 13, 0.95);

  --clr-brand-50: #FBF6F1;
  --clr-brand-50--0: rgba(251, 246, 241, 0);
  --clr-brand-50--5: rgba(251, 246, 241, 0.05);
  --clr-brand-50--10: rgba(251, 246, 241, 0.1);
  --clr-brand-50--20: rgba(251, 246, 241, 0.2);
  --clr-brand-50--25: rgba(251, 246, 241, 0.25);
  --clr-brand-50--30: rgba(251, 246, 241, 0.3);
  --clr-brand-50--40: rgba(251, 246, 241, 0.4);
  --clr-brand-50--50: rgba(251, 246, 241, 0.5);
  --clr-brand-50--60: rgba(251, 246, 241, 0.6);
  --clr-brand-50--70: rgba(251, 246, 241, 0.7);
  --clr-brand-50--75: rgba(251, 246, 241, 0.75);
  --clr-brand-50--80: rgba(251, 246, 241, 0.8);
  --clr-brand-50--90: rgba(251, 246, 241, 0.9);
  --clr-brand-50--95: rgba(251, 246, 241, 0.95);

  --clr-brand-100: #F5E9D8;
  --clr-brand-100--0: rgba(245, 233, 216, 0);
  --clr-brand-100--5: rgba(245, 233, 216, 0.05);
  --clr-brand-100--10: rgba(245, 233, 216, 0.1);
  --clr-brand-100--20: rgba(245, 233, 216, 0.2);
  --clr-brand-100--25: rgba(245, 233, 216, 0.25);
  --clr-brand-100--30: rgba(245, 233, 216, 0.3);
  --clr-brand-100--40: rgba(245, 233, 216, 0.4);
  --clr-brand-100--50: rgba(245, 233, 216, 0.5);
  --clr-brand-100--60: rgba(245, 233, 216, 0.6);
  --clr-brand-100--70: rgba(245, 233, 216, 0.7);
  --clr-brand-100--75: rgba(245, 233, 216, 0.75);
  --clr-brand-100--80: rgba(245, 233, 216, 0.8);
  --clr-brand-100--90: rgba(245, 233, 216, 0.9);
  --clr-brand-100--95: rgba(245, 233, 216, 0.95);

  --clr-brand-200: #F0DCC1;
  --clr-brand-200--0: rgba(240, 220, 193, 0);
  --clr-brand-200--5: rgba(240, 220, 193, 0.05);
  --clr-brand-200--10: rgba(240, 220, 193, 0.1);
  --clr-brand-200--20: rgba(240, 220, 193, 0.2);
  --clr-brand-200--25: rgba(240, 220, 193, 0.25);
  --clr-brand-200--30: rgba(240, 220, 193, 0.3);
  --clr-brand-200--40: rgba(240, 220, 193, 0.4);
  --clr-brand-200--50: rgba(240, 220, 193, 0.5);
  --clr-brand-200--60: rgba(240, 220, 193, 0.6);
  --clr-brand-200--70: rgba(240, 220, 193, 0.7);
  --clr-brand-200--75: rgba(240, 220, 193, 0.75);
  --clr-brand-200--80: rgba(240, 220, 193, 0.8);
  --clr-brand-200--90: rgba(240, 220, 193, 0.9);
  --clr-brand-200--95: rgba(240, 220, 193, 0.95);

  --clr-brand-300: #ECCF9F;
  --clr-brand-300--0: rgba(236, 207, 159, 0);
  --clr-brand-300--5: rgba(236, 207, 159, 0.05);
  --clr-brand-300--10: rgba(236, 207, 159, 0.1);
  --clr-brand-300--20: rgba(236, 207, 159, 0.2);
  --clr-brand-300--25: rgba(236, 207, 159, 0.25);
  --clr-brand-300--30: rgba(236, 207, 159, 0.3);
  --clr-brand-300--40: rgba(236, 207, 159, 0.4);
  --clr-brand-300--50: rgba(236, 207, 159, 0.5);
  --clr-brand-300--60: rgba(236, 207, 159, 0.6);
  --clr-brand-300--70: rgba(236, 207, 159, 0.7);
  --clr-brand-300--75: rgba(236, 207, 159, 0.75);
  --clr-brand-300--80: rgba(236, 207, 159, 0.8);
  --clr-brand-300--90: rgba(236, 207, 159, 0.9);
  --clr-brand-300--95: rgba(236, 207, 159, 0.95);

  --clr-brand-400: #ECBF92;
  --clr-brand-400--0: rgba(236, 191, 146, 0);
  --clr-brand-400--5: rgba(236, 191, 146, 0.05);
  --clr-brand-400--10: rgba(236, 191, 146, 0.1);
  --clr-brand-400--20: rgba(236, 191, 146, 0.2);
  --clr-brand-400--25: rgba(236, 191, 146, 0.25);
  --clr-brand-400--30: rgba(236, 191, 146, 0.3);
  --clr-brand-400--40: rgba(236, 191, 146, 0.4);
  --clr-brand-400--50: rgba(236, 191, 146, 0.5);
  --clr-brand-400--60: rgba(236, 191, 146, 0.6);
  --clr-brand-400--70: rgba(236, 191, 146, 0.7);
  --clr-brand-400--75: rgba(236, 191, 146, 0.75);
  --clr-brand-400--80: rgba(236, 191, 146, 0.8);
  --clr-brand-400--90: rgba(236, 191, 146, 0.9);
  --clr-brand-400--95: rgba(236, 191, 146, 0.95);

  --clr-brand-500: #ECBF92;
  --clr-brand-500--0: rgba(236, 191, 146, 0);
  --clr-brand-500--5: rgba(236, 191, 146, 0.05);
  --clr-brand-500--10: rgba(236, 191, 146, 0.1);
  --clr-brand-500--20: rgba(236, 191, 146, 0.2);
  --clr-brand-500--25: rgba(236, 191, 146, 0.25);
  --clr-brand-500--30: rgba(236, 191, 146, 0.3);
  --clr-brand-500--40: rgba(236, 191, 146, 0.4);
  --clr-brand-500--50: rgba(236, 191, 146, 0.5);
  --clr-brand-500--60: rgba(236, 191, 146, 0.6);
  --clr-brand-500--70: rgba(236, 191, 146, 0.7);
  --clr-brand-500--75: rgba(236, 191, 146, 0.75);
  --clr-brand-500--80: rgba(236, 191, 146, 0.8);
  --clr-brand-500--90: rgba(236, 191, 146, 0.9);
  --clr-brand-500--95: rgba(236, 191, 146, 0.95);

  --clr-brand-600: #C5966B;
  --clr-brand-600--0: rgba(197, 150, 107, 0);
  --clr-brand-600--5: rgba(197, 150, 107, 0.05);
  --clr-brand-600--10: rgba(197, 150, 107, 0.1);
  --clr-brand-600--20: rgba(197, 150, 107, 0.2);
  --clr-brand-600--25: rgba(197, 150, 107, 0.25);
  --clr-brand-600--30: rgba(197, 150, 107, 0.3);
  --clr-brand-600--40: rgba(197, 150, 107, 0.4);
  --clr-brand-600--50: rgba(197, 150, 107, 0.5);
  --clr-brand-600--60: rgba(197, 150, 107, 0.6);
  --clr-brand-600--70: rgba(197, 150, 107, 0.7);
  --clr-brand-600--75: rgba(197, 150, 107, 0.75);
  --clr-brand-600--80: rgba(197, 150, 107, 0.8);
  --clr-brand-600--90: rgba(197, 150, 107, 0.9);
  --clr-brand-600--95: rgba(197, 150, 107, 0.95);

  --clr-brand-700: #9E6D44;
  --clr-brand-700--0: rgba(158, 109, 68, 0);
  --clr-brand-700--5: rgba(158, 109, 68, 0.05);
  --clr-brand-700--10: rgba(158, 109, 68, 0.1);
  --clr-brand-700--20: rgba(158, 109, 68, 0.2);
  --clr-brand-700--25: rgba(158, 109, 68, 0.25);
  --clr-brand-700--30: rgba(158, 109, 68, 0.3);
  --clr-brand-700--40: rgba(158, 109, 68, 0.4);
  --clr-brand-700--50: rgba(158, 109, 68, 0.5);
  --clr-brand-700--60: rgba(158, 109, 68, 0.6);
  --clr-brand-700--70: rgba(158, 109, 68, 0.7);
  --clr-brand-700--75: rgba(158, 109, 68, 0.75);
  --clr-brand-700--80: rgba(158, 109, 68, 0.8);
  --clr-brand-700--90: rgba(158, 109, 68, 0.9);
  --clr-brand-700--95: rgba(158, 109, 68, 0.95);

  --clr-brand-800: #77441D;
  --clr-brand-800--0: rgba(119, 68, 29, 0);
  --clr-brand-800--5: rgba(119, 68, 29, 0.05);
  --clr-brand-800--10: rgba(119, 68, 29, 0.1);
  --clr-brand-800--20: rgba(119, 68, 29, 0.2);
  --clr-brand-800--25: rgba(119, 68, 29, 0.25);
  --clr-brand-800--30: rgba(119, 68, 29, 0.3);
  --clr-brand-800--40: rgba(119, 68, 29, 0.4);
  --clr-brand-800--50: rgba(119, 68, 29, 0.5);
  --clr-brand-800--60: rgba(119, 68, 29, 0.6);
  --clr-brand-800--70: rgba(119, 68, 29, 0.7);
  --clr-brand-800--75: rgba(119, 68, 29, 0.75);
  --clr-brand-800--80: rgba(119, 68, 29, 0.8);
  --clr-brand-800--90: rgba(119, 68, 29, 0.9);
  --clr-brand-800--95: rgba(119, 68, 29, 0.95);

  --clr-brand-900: #501B00;
  --clr-brand-900--0: rgba(80, 27, 0, 0);
  --clr-brand-900--5: rgba(80, 27, 0, 0.05);
  --clr-brand-900--10: rgba(80, 27, 0, 0.1);
  --clr-brand-900--20: rgba(80, 27, 0, 0.2);
  --clr-brand-900--25: rgba(80, 27, 0, 0.25);
  --clr-brand-900--30: rgba(80, 27, 0, 0.3);
  --clr-brand-900--40: rgba(80, 27, 0, 0.4);
  --clr-brand-900--50: rgba(80, 27, 0, 0.5);
  --clr-brand-900--60: rgba(80, 27, 0, 0.6);
  --clr-brand-900--70: rgba(80, 27, 0, 0.7);
  --clr-brand-900--75: rgba(80, 27, 0, 0.75);
  --clr-brand-900--80: rgba(80, 27, 0, 0.8);
  --clr-brand-900--90: rgba(80, 27, 0, 0.9);
  --clr-brand-900--95: rgba(80, 27, 0, 0.95);

  --clr-bronze-50: #EFEDE7;
  --clr-bronze-50--0: rgba(239, 237, 231, 0);
  --clr-bronze-50--5: rgba(239, 237, 231, 0.05);
  --clr-bronze-50--10: rgba(239, 237, 231, 0.1);
  --clr-bronze-50--20: rgba(239, 237, 231, 0.2);
  --clr-bronze-50--25: rgba(239, 237, 231, 0.25);
  --clr-bronze-50--30: rgba(239, 237, 231, 0.3);
  --clr-bronze-50--40: rgba(239, 237, 231, 0.4);
  --clr-bronze-50--50: rgba(239, 237, 231, 0.5);
  --clr-bronze-50--60: rgba(239, 237, 231, 0.6);
  --clr-bronze-50--70: rgba(239, 237, 231, 0.7);
  --clr-bronze-50--75: rgba(239, 237, 231, 0.75);
  --clr-bronze-50--80: rgba(239, 237, 231, 0.8);
  --clr-bronze-50--90: rgba(239, 237, 231, 0.9);
  --clr-bronze-50--95: rgba(239, 237, 231, 0.95);

  --clr-bronze-100: #E2DCCB;
  --clr-bronze-100--0: rgba(226, 220, 203, 0);
  --clr-bronze-100--5: rgba(226, 220, 203, 0.05);
  --clr-bronze-100--10: rgba(226, 220, 203, 0.1);
  --clr-bronze-100--20: rgba(226, 220, 203, 0.2);
  --clr-bronze-100--25: rgba(226, 220, 203, 0.25);
  --clr-bronze-100--30: rgba(226, 220, 203, 0.3);
  --clr-bronze-100--40: rgba(226, 220, 203, 0.4);
  --clr-bronze-100--50: rgba(226, 220, 203, 0.5);
  --clr-bronze-100--60: rgba(226, 220, 203, 0.6);
  --clr-bronze-100--70: rgba(226, 220, 203, 0.7);
  --clr-bronze-100--75: rgba(226, 220, 203, 0.75);
  --clr-bronze-100--80: rgba(226, 220, 203, 0.8);
  --clr-bronze-100--90: rgba(226, 220, 203, 0.9);
  --clr-bronze-100--95: rgba(226, 220, 203, 0.95);

  --clr-bronze-200: #CEC2A1;
  --clr-bronze-200--0: rgba(206, 194, 161, 0);
  --clr-bronze-200--5: rgba(206, 194, 161, 0.05);
  --clr-bronze-200--10: rgba(206, 194, 161, 0.1);
  --clr-bronze-200--20: rgba(206, 194, 161, 0.2);
  --clr-bronze-200--25: rgba(206, 194, 161, 0.25);
  --clr-bronze-200--30: rgba(206, 194, 161, 0.3);
  --clr-bronze-200--40: rgba(206, 194, 161, 0.4);
  --clr-bronze-200--50: rgba(206, 194, 161, 0.5);
  --clr-bronze-200--60: rgba(206, 194, 161, 0.6);
  --clr-bronze-200--70: rgba(206, 194, 161, 0.7);
  --clr-bronze-200--75: rgba(206, 194, 161, 0.75);
  --clr-bronze-200--80: rgba(206, 194, 161, 0.8);
  --clr-bronze-200--90: rgba(206, 194, 161, 0.9);
  --clr-bronze-200--95: rgba(206, 194, 161, 0.95);

  --clr-bronze-300: #CBB990;
  --clr-bronze-300--0: rgba(203, 185, 144, 0);
  --clr-bronze-300--5: rgba(203, 185, 144, 0.05);
  --clr-bronze-300--10: rgba(203, 185, 144, 0.1);
  --clr-bronze-300--20: rgba(203, 185, 144, 0.2);
  --clr-bronze-300--25: rgba(203, 185, 144, 0.25);
  --clr-bronze-300--30: rgba(203, 185, 144, 0.3);
  --clr-bronze-300--40: rgba(203, 185, 144, 0.4);
  --clr-bronze-300--50: rgba(203, 185, 144, 0.5);
  --clr-bronze-300--60: rgba(203, 185, 144, 0.6);
  --clr-bronze-300--70: rgba(203, 185, 144, 0.7);
  --clr-bronze-300--75: rgba(203, 185, 144, 0.75);
  --clr-bronze-300--80: rgba(203, 185, 144, 0.8);
  --clr-bronze-300--90: rgba(203, 185, 144, 0.9);
  --clr-bronze-300--95: rgba(203, 185, 144, 0.95);

  --clr-bronze-400: #B79A66;
  --clr-bronze-400--0: rgba(183, 154, 102, 0);
  --clr-bronze-400--5: rgba(183, 154, 102, 0.05);
  --clr-bronze-400--10: rgba(183, 154, 102, 0.1);
  --clr-bronze-400--20: rgba(183, 154, 102, 0.2);
  --clr-bronze-400--25: rgba(183, 154, 102, 0.25);
  --clr-bronze-400--30: rgba(183, 154, 102, 0.3);
  --clr-bronze-400--40: rgba(183, 154, 102, 0.4);
  --clr-bronze-400--50: rgba(183, 154, 102, 0.5);
  --clr-bronze-400--60: rgba(183, 154, 102, 0.6);
  --clr-bronze-400--70: rgba(183, 154, 102, 0.7);
  --clr-bronze-400--75: rgba(183, 154, 102, 0.75);
  --clr-bronze-400--80: rgba(183, 154, 102, 0.8);
  --clr-bronze-400--90: rgba(183, 154, 102, 0.9);
  --clr-bronze-400--95: rgba(183, 154, 102, 0.95);

  --clr-bronze-500: #826635;
  --clr-bronze-500--0: rgba(130, 102, 53, 0);
  --clr-bronze-500--5: rgba(130, 102, 53, 0.05);
  --clr-bronze-500--10: rgba(130, 102, 53, 0.1);
  --clr-bronze-500--20: rgba(130, 102, 53, 0.2);
  --clr-bronze-500--25: rgba(130, 102, 53, 0.25);
  --clr-bronze-500--30: rgba(130, 102, 53, 0.3);
  --clr-bronze-500--40: rgba(130, 102, 53, 0.4);
  --clr-bronze-500--50: rgba(130, 102, 53, 0.5);
  --clr-bronze-500--60: rgba(130, 102, 53, 0.6);
  --clr-bronze-500--70: rgba(130, 102, 53, 0.7);
  --clr-bronze-500--75: rgba(130, 102, 53, 0.75);
  --clr-bronze-500--80: rgba(130, 102, 53, 0.8);
  --clr-bronze-500--90: rgba(130, 102, 53, 0.9);
  --clr-bronze-500--95: rgba(130, 102, 53, 0.95);

  --clr-bronze-600: #4D381A;
  --clr-bronze-600--0: rgba(77, 56, 26, 0);
  --clr-bronze-600--5: rgba(77, 56, 26, 0.05);
  --clr-bronze-600--10: rgba(77, 56, 26, 0.1);
  --clr-bronze-600--20: rgba(77, 56, 26, 0.2);
  --clr-bronze-600--25: rgba(77, 56, 26, 0.25);
  --clr-bronze-600--30: rgba(77, 56, 26, 0.3);
  --clr-bronze-600--40: rgba(77, 56, 26, 0.4);
  --clr-bronze-600--50: rgba(77, 56, 26, 0.5);
  --clr-bronze-600--60: rgba(77, 56, 26, 0.6);
  --clr-bronze-600--70: rgba(77, 56, 26, 0.7);
  --clr-bronze-600--75: rgba(77, 56, 26, 0.75);
  --clr-bronze-600--80: rgba(77, 56, 26, 0.8);
  --clr-bronze-600--90: rgba(77, 56, 26, 0.9);
  --clr-bronze-600--95: rgba(77, 56, 26, 0.95);

  --clr-bronze-700: #31200C;
  --clr-bronze-700--0: rgba(49, 32, 12, 0);
  --clr-bronze-700--5: rgba(49, 32, 12, 0.05);
  --clr-bronze-700--10: rgba(49, 32, 12, 0.1);
  --clr-bronze-700--20: rgba(49, 32, 12, 0.2);
  --clr-bronze-700--25: rgba(49, 32, 12, 0.25);
  --clr-bronze-700--30: rgba(49, 32, 12, 0.3);
  --clr-bronze-700--40: rgba(49, 32, 12, 0.4);
  --clr-bronze-700--50: rgba(49, 32, 12, 0.5);
  --clr-bronze-700--60: rgba(49, 32, 12, 0.6);
  --clr-bronze-700--70: rgba(49, 32, 12, 0.7);
  --clr-bronze-700--75: rgba(49, 32, 12, 0.75);
  --clr-bronze-700--80: rgba(49, 32, 12, 0.8);
  --clr-bronze-700--90: rgba(49, 32, 12, 0.9);
  --clr-bronze-700--95: rgba(49, 32, 12, 0.95);
  --clr-bronze-800: #251404;
  --clr-bronze-800--0: rgba(37, 20, 4, 0);
  --clr-bronze-800--5: rgba(37, 20, 4, 0.05);
  --clr-bronze-800--10: rgba(37, 20, 4, 0.1);
  --clr-bronze-800--20: rgba(37, 20, 4, 0.2);
  --clr-bronze-800--25: rgba(37, 20, 4, 0.25);
  --clr-bronze-800--30: rgba(37, 20, 4, 0.3);
  --clr-bronze-800--40: rgba(37, 20, 4, 0.4);
  --clr-bronze-800--50: rgba(37, 20, 4, 0.5);
  --clr-bronze-800--60: rgba(37, 20, 4, 0.6);
  --clr-bronze-800--70: rgba(37, 20, 4, 0.7);
  --clr-bronze-800--75: rgba(37, 20, 4, 0.75);
  --clr-bronze-800--80: rgba(37, 20, 4, 0.8);
  --clr-bronze-800--90: rgba(37, 20, 4, 0.9);
  --clr-bronze-800--95: rgba(37, 20, 4, 0.95);
  --clr-bronze-900: #180C01;
  --clr-bronze-900--0: rgba(24, 12, 1, 0);
  --clr-bronze-900--5: rgba(24, 12, 1, 0.05);
  --clr-bronze-900--10: rgba(24, 12, 1, 0.1);
  --clr-bronze-900--20: rgba(24, 12, 1, 0.2);
  --clr-bronze-900--25: rgba(24, 12, 1, 0.25);
  --clr-bronze-900--30: rgba(24, 12, 1, 0.3);
  --clr-bronze-900--40: rgba(24, 12, 1, 0.4);
  --clr-bronze-900--50: rgba(24, 12, 1, 0.5);
  --clr-bronze-900--60: rgba(24, 12, 1, 0.6);
  --clr-bronze-900--70: rgba(24, 12, 1, 0.7);
  --clr-bronze-900--75: rgba(24, 12, 1, 0.75);
  --clr-bronze-900--80: rgba(24, 12, 1, 0.8);
  --clr-bronze-900--90: rgba(24, 12, 1, 0.9);
  --clr-bronze-900--95: rgba(24, 12, 1, 0.95);

  --clr-white: #FFF;
  --clr-white--0: rgba(255, 255, 255, 0);
  --clr-white--5: rgba(255, 255, 255, 0.05);
  --clr-white--10: rgba(255, 255, 255, 0.1);
  --clr-white--20: rgba(255, 255, 255, 0.2);
  --clr-white--25: rgba(255, 255, 255, 0.25);
  --clr-white--30: rgba(255, 255, 255, 0.3);
  --clr-white--40: rgba(255, 255, 255, 0.4);
  --clr-white--50: rgba(255, 255, 255, 0.5);
  --clr-white--60: rgba(255, 255, 255, 0.6);
  --clr-white--70: rgba(255, 255, 255, 0.7);
  --clr-white--75: rgba(255, 255, 255, 0.75);
  --clr-white--80: rgba(255, 255, 255, 0.8);
  --clr-white--90: rgba(255, 255, 255, 0.9);
  --clr-white--95: rgba(255, 255, 255, 0.95);

  --clr-black: #000;
  --clr-black--0: rgba(0, 0, 0, 0);
  --clr-black--5: rgba(0, 0, 0, 0.05);
  --clr-black--10: rgba(0, 0, 0, 0.1);
  --clr-black--20: rgba(0, 0, 0, 0.2);
  --clr-black--25: rgba(0, 0, 0, 0.25);
  --clr-black--30: rgba(0, 0, 0, 0.3);
  --clr-black--40: rgba(0, 0, 0, 0.4);
  --clr-black--50: rgba(0, 0, 0, 0.5);
  --clr-black--60: rgba(0, 0, 0, 0.6);
  --clr-black--70: rgba(0, 0, 0, 0.7);
  --clr-black--75: rgba(0, 0, 0, 0.75);
  --clr-black--80: rgba(0, 0, 0, 0.8);
  --clr-black--90: rgba(0, 0, 0, 0.9);
  --clr-black--95: rgba(0, 0, 0, 0.95);


  --clr-background-body: var(--clr-base-900);

  --clr-surface-01: var(--clr-base-900);
  --clr-surface-02: var(--clr-base-800);
  --clr-surface-03: var(--clr-base-700);
  --clr-surface-04: var(--clr-base-600);
  --clr-surface-05: var(--clr-base-500);
  --clr-surface-contrast: var(--clr-base-100);
  --clr-surface-disabled: var(--clr-base-400);
  --clr-forSurface-01: var(--clr-base-800--40);
  --clr-forSurface-01--strong: var(--clr-base-700--75);
  --clr-forSurface-01--subtle: var(--clr-base-900--60);
  --clr-forSurface-02: var(--clr-base-700--40);
  --clr-forSurface-02--strong: var(--clr-base-600--75);
  --clr-forSurface-02--subtle: var(--clr-base-700--40);
  --clr-forSurface-03: var(--clr-base-600--25);
  --clr-forSurface-03--strong: var(--clr-base-500--75);
  --clr-forSurface-03--subtle: var(--clr-base-700--60);
  --clr-forSurface-04: var(--clr-base-500--25);
  --clr-forSurface-04--strong: var(--clr-base-400--75);
  --clr-forSurface-04--subtle: var(--clr-base-600--60);
  --clr-forSurface-05: var(--clr-base-400--25);
  --clr-forSurface-05--strong: var(--clr-base-300--60);
  --clr-forSurface-05--subtle: var(--clr-base-500--60);
  --clr-forSurface-contrast: var(--clr-base-50--60);
  --clr-forSurface-contrast--strong: var(--clr-base-50);
  --clr-forSurface-contrast--subtle: var(--clr-base-100--60);
  --clr-forSurface-disabled: var(--clr-base-300--40);
  --clr-onSurface-01: var(--clr-base-200--80);
  --clr-onSurface-01--strong: var(--clr-base-50);
  --clr-onSurface-01--bold: var(--clr-base-200);
  --clr-onSurface-01--subtle: var(--clr-base-400--90);
  --clr-onSurface-02: var(--clr-base-200--80);
  --clr-onSurface-02--strong: var(--clr-base-50);
  --clr-onSurface-02--bold: var(--clr-base-200);
  --clr-onSurface-02--subtle: var(--clr-base-400--90);
  --clr-onSurface-03: var(--clr-base-200--80);
  --clr-onSurface-03--strong: var(--clr-base-50);
  --clr-onSurface-03--bold: var(--clr-base-200);
  --clr-onSurface-03--subtle: var(--clr-base-400--90);
  --clr-onSurface-04: var(--clr-base-200--90);
  --clr-onSurface-04--strong: var(--clr-base-50);
  --clr-onSurface-04--bold: var(--clr-base-200);
  --clr-onSurface-04--subtle: var(--clr-base-300--80);
  --clr-onSurface-05: var(--clr-base-200);
  --clr-onSurface-05--strong: var(--clr-base-50);
  --clr-onSurface-05--bold: var(--clr-base-200);
  --clr-onSurface-05--subtle: var(--clr-base-300);
  --clr-onSurface-contrast: var(--clr-base-800);
  --clr-onSurface-contrast--strong: var(--clr-base-900);
  --clr-onSurface-contrast--subtle: var(--clr-base-600);
  --clr-onSurface-brand: var(--clr-brand-500);
  --clr-onSurface-brand--strong: var(--clr-brand-400);
  --clr-onSurface-brand--subtle: var(--clr-brand-600);
  --clr-onSurface-disabled: var(--clr-base-200);
  --clr-accent-brand: var(--clr-brand-500);
  --clr-accent-brand--strong: var(--clr-brand-400);
  --clr-accent-brand--subtle: var(--clr-brand-600);
  --clr-accent-brand--10: var(--clr-brand-500--10);
  --clr-accent-brand--20: var(--clr-brand-500--20);
  --clr-accent-brand--30: var(--clr-brand-500--30);
  --clr-accent-brand--40: var(--clr-brand-500--40);
  --clr-accent-brand--50: var(--clr-brand-500--50);
  --clr-accent-bronze: var(--clr-bronze-100);
  --clr-accent-bronze--strong: var(--clr-bronze-50);
  --clr-accent-bronze--subtle: var(--clr-bronze-200);
  --clr-forAccent-brand: var(--clr-brand-400);
  --clr-forAccent-brand--strong: var(--clr-brand-300);
  --clr-forAccent-brand--subtle: var(--clr-brand-500);
  --clr-forAccent-bronze: var(--clr-bronze-300);
  --clr-forAccent-bronze--strong: var(--clr-bronze-200);
  --clr-forAccent-bronze--subtle: var(--clr-bronze-400);
  --clr-onAccent-brand: var(--clr-brand-900);
  --clr-onAccent-brand--strong: var(--clr-brand-800);
  --clr-onAccent-brand--subtle: var(--clr-brand-900);
  --clr-onAccent-bronze: var(--clr-bronze-600);
  --clr-onAccent-bronze--strong: var(--clr-bronze-700);
  --clr-onAccent-bronze--subtle: var(--clr-bronze-600);
  --clr-windows: #2D74D7;
  --clr-apple: #FFF;
  --clr-google: #FF3A44;
  --clr-android: #7CDB5A;
  --clr-youtube: #F00;
  --clr-discord: #5662F6;
  --clr-facebook: #1877F2;
  --clr-instagram: #C13584;

  /* Sizes */

  --size-0: 0px; /* 0px */
  --size-1: 1px; /* 1px */
  --size-2: 0.125rem; /* 2px */
  --size-3: 0.25rem; /* 4px */
  --size-4: 0.5rem; /* 8px */
  --size-5: 0.625rem; /* 10px */
  --size-6: 0.75rem; /* 12px */
  --size-7: 0.875rem; /* 14px */
  --size-8: 1rem; /* 16px */
  --size-9: 1.125rem; /* 18px */
  --size-10: 1.25rem; /* 20px */
  --size-11: 1.5rem; /* 24px */
  --size-12: 1.75rem; /* 28px */
  --size-13: 2rem; /* 32px */
  --size-14: 2.25rem; /* 36px */
  --size-15: 2.5rem; /* 40px */
  --size-16: 3rem; /* 48px */
  --size-17: 3.5rem; /* 56px */
  --size-18: 4rem; /* 64px */
  --size-19: 4.5rem; /* 72px */
  --size-20: 5rem; /* 80px */
  --size-21: 5.5rem; /* 88px */
  --size-22: 6rem; /* 96px */
  --size-23: 7rem; /* 112px */
  --size-24: 8rem; /* 128px */
  --size-25: 9rem; /* 144px */
  --size-26: 10rem; /* 160px */
  --size-27: 11rem; /* 176px */
  --size-28: 12rem; /* 192px */
  --size-29: 13rem; /* 208px */
  --size-30: 14rem; /* 224px */
  --size-31: 15rem; /* 240px */
  --size-32: 16rem; /* 256px */
  --size-33: 18rem; /* 288px */
  --size-34: 20rem; /* 320px */
  --size-35: 22.5rem; /* 360px */
  --size-36: 25rem; /* 400px */
  --size-37: 27.5rem; /* 440px */
  --size-38: 30rem; /* 480px */
  --size-39: 32rem; /* 512px */
  --size-40: 35rem; /* 560px */

  /* Font Family Primitives */
  --font-sans: 'Work Sans', Arial, sans-serif;
  --font-serif: 'Platypi', 'Times New Roman', serif;
  --font-monospace: 'JetBrains Mono', Courier, monospace;

  /* Font Size Primitives */
  --font-size-xs: 0.625rem; /* 10px */
  --font-size-sm: 0.75rem; /* 12px */
  --font-size-md: 0.875rem; /* 14px */
  --font-size-base: 1rem; /* 16px */
  --font-size-lg: 1.125rem; /* 18px */
  --font-size-xl: 1.25rem; /* 20px */
  --font-size-2xl: 1.5rem; /* 24px */
  --font-size-3xl: 1.75rem; /* 28px */
  --font-size-4xl: 2rem; /* 32px */
  --font-size-5xl: 2.25rem; /* 36px */
  --font-size-6xl: 2.5rem; /* 40px */
  --font-size-7xl: 3rem; /* 48px */
  --font-size-8xl: 3.5rem; /* 56px */
  --font-size-9xl: 4rem; /* 64px */
  --font-size-10xl: 4.5rem; /* 72px */
  --font-size-11xl: 5rem; /* 80px */
  --font-size-12xl: 5.5rem; /* 88px */

  /* Line Height Primitives */
  --line-height-xs: 0.625rem; /* 10px */
  --line-height-sm: 0.75rem; /* 12px */
  --line-height-md: 0.875rem; /* 14px */
  --line-height-base: 1rem; /* 16px */
  --line-height-lg: 1.25rem; /* 20px */
  --line-height-xl: 1.5rem; /* 24px */
  --line-height-2xl: 1.75rem; /* 28px */
  --line-height-3xl: 2rem; /* 32px */
  --line-height-4xl: 2.25rem; /* 36px */
  --line-height-5xl: 2.5rem; /* 40px */
  --line-height-6xl: 3rem; /* 48px */
  --line-height-7xl: 3.5rem; /* 56px */
  --line-height-8xl: 4rem; /* 64px */
  --line-height-9xl: 4.5rem; /* 72px */
  --line-height-10xl: 5rem; /* 80px */
  --line-height-11xl: 5.5rem; /* 88px */
  --line-height-12xl: 6rem; /* 96px */

  /* Font Weight Primitives */
  --font-weight-light: 100; /* Figma -> 300;  Light */
  --font-weight-normal: 200; /*  Figma -> 400;  Regular/Normal */
  --font-weight-medium: 300; /*  Figma -> 500;  Medium */
  --font-weight-semibold: 400; /*  Figma -> 600;  Semi-Bold */
  --font-weight-bold: 600; /*  Figma -> 700;  Bold */
  --font-weight-extrabold: 700; /*  Figma -> 800;  Extra-Bold */
  --font-weight-black: 800; /* Figma -> 900;  Black/Heavy */


  /*
  // Semantics
  */

  /* Body Text */

  --body-font: var(--font-serif);
  --body-base: var(--font-size-base);
  --body-leading: var(--line-height-base);
  --body-weight: var(--font-weight-normal);

  /* Heading Text */

  --heading-font: var(--font-serif);

  --heading-xs-size: var(--font-size-lg); /* Extra Small heading */
  --heading-xs-leading-tight: var(--line-height-lg);
  --heading-xs-leading: var(--line-height-xl);
  --heading-xs-leading-loose: var(--line-height-2xl);
  --heading-xs-weight: var(--font-weight-bold);

  --heading-sm-size: var(--font-size-3xl); /* Small heading */
  --heading-sm-leading-tight: var(--line-height-2xl);
  --heading-sm-leading: var(--line-height-3xl);
  --heading-sm-leading-loose: var(--line-height-4xl);
  --heading-sm-weight: var(--font-weight-black);

  --heading-md-size: var(--font-size-5xl); /* Medium heading */
  --heading-md-leading-tight: var(--line-height-4xl);
  --heading-md-leading: var(--line-height-5xl);
  --heading-md-leading-loose: var(--line-height-6xl);
  --heading-md-weight: var(--font-weight-bold);

  --heading-base-size: var(--font-size-7xl); /* Small heading */
  --heading-base-leading-tight: var(--line-height-6xl);
  --heading-base-leading: var(--line-height-7xl);
  --heading-base-leading-loose: var(--line-height-8xl);
  --heading-base-weight: var(--font-weight-bold);

  --heading-lg-size: var(--font-size-10xl); /* Large heading */
  --heading-lg-leading-tight: var(--line-height-9xl);
  --heading-lg-leading: var(--line-height-10xl);
  --heading-lg-leading-loose: var(--line-height-11xl);
  --heading-lg-weight: var(--font-weight-bold);

  --heading-xl-size: var(--font-size-8xl); /* Large heading */
  --heading-xl-leading-tight: var(--line-height-11xl);
  --heading-xl-leading: var(--line-height-12xl);
  --heading-xl-weight: var(--font-weight-bold);


  /* Button Text */
  --button-font: var(--font-sans);
  --button-sm: var(--font-size-sm);
  --button-leading-sm: var(--line-height-sm);
  --button-md: var(--font-size-md);
  --button-line-height-md: var(--line-height-md);
  --button-lg: var(--font-size-lg);
  --button-leading-lg: var(--line-height-lg);
  --button-xl: var(--font-size-xl);
  --button-leading-xl: var(--line-height-xl);
  --button-weight: var(--font-weight-semibold);

  /* Caption Text */
  --caption-font: var(--font-sans);
  --caption-size: var(--font-size-xs);
  --caption-leading: var(--line-height-xs);
  --caption-weight: var(--font-weight-normal);

  /* Monospace Text (for code, etc.) */
  --code-font: var(--font-monospace);
  --code-size: var(--font-size-sm);
  --code-leading: var(--line-height-sm);
  --code-weight: var(--font-weight-normal);


  /* Viewports */

  --viewport-min: 20rem;
  --viewport-lg: 80rem;
  --viewport-max: 96rem;

  --view-content: 80rem;
  --view-breakout: 96rem;
  --view-max: 160rem;


  /* Spacing */

  --spacing-0: 0px; /* 0px; */
  --spacing-1: var(--size-3); /* 4px */
  --spacing-2: var(--size-4); /* 8px */
  --spacing-3: var(--size-6); /* 12px */
  --spacing-4: var(--size-8); /* 16px */
  --spacing-5: var(--size-10); /* 20px */
  --spacing-6: var(--size-11); /* 24px */
  --spacing-7: var(--size-13); /* 32px */
  --spacing-8: var(--size-15); /* 40px */
  --spacing-9: var(--size-16); /* 48px */
  --spacing-10: var(--size-18); /* 64px */
  --spacing-11: var(--size-20); /* 80px */
  --spacing-12: var(--size-22); /* 96px */
  --spacing-13: var(--size-24); /* 128px */
  --spacing-14: var(--size-25); /* 144px */
  --spacing-15: var(--size-26); /* 160px */
  --spacing-16: var(--size-31); /* 240px */

  /* Radius */

  --radius-0: var(--size-0);
  --radius-1: var(--size-1);
  --radius-2: var(--size-2);
  --radius-3: var(--size-3);
  --radius-4: var(--size-4);

  /* Transitions */

  --ts-1: all 200ms ease-in-out;
  --ts-2: all 750ms cubic-bezier(0.26, 0.53, 0.74, 1.48) 250ms;
  --ts-smooth: cubic-bezier(0.165, 0.1, 0.075, 1);
  --ts-slow: 500ms ease-out;
  --ts-normal: 300ms ease-out;
  --ts-quick: 150ms ease-out;

  /* Box Shadows */

  --shadow-md: 0px 0px 8px 2px rgba(0, 0, 0, 0.05),
  0px 2px 8px 1px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0px 0px 12px 4px rgba(0, 0, 0, 0.1),
  0px 4px 8px 2px rgba(0, 0, 0, 0.2);

  /* Text Shadows */

  --tshadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, 0.8);
  --tshadow2: 0 0 2px transparent, 0 3px 6px rgba(0, 0, 0, 0.2);
  --tshadow-3: 0px 0px 1px rgba(0, 0, 0, 0.59), 0px 1px 1px rgba(0, 0, 0, 0.51),
  0px 3px 2px rgba(0, 0, 0, 0.3), 0px 5px 2px rgba(0, 0, 0, 0.09),
  0px 8px 2px rgba(0, 0, 0, 0.01);

  /* ========================================
     BOOTSTRAP VARIABLES OVERRIDE
     ======================================== */

  /* Bootstrap Color System Override */
  --bs-primary: var(--clr-brand-500);
  --bs-primary-rgb: 236, 191, 146;
  --bs-secondary: var(--clr-base-400);
  --bs-secondary-rgb: 118, 118, 126;
  --bs-success: #22c55e;
  --bs-success-rgb: 34, 197, 94;
  --bs-info: var(--clr-brand-400);
  --bs-info-rgb: 236, 191, 146;
  --bs-warning: #f59e0b;
  --bs-warning-rgb: 245, 158, 11;
  --bs-danger: #ef4444;
  --bs-danger-rgb: 239, 68, 68;
  --bs-light: var(--clr-base-100);
  --bs-light-rgb: 212, 212, 216;
  --bs-dark: var(--clr-base-800);
  --bs-dark-rgb: 17, 17, 19;

  /* Bootstrap Body */
  --bs-body-color: var(--clr-onSurface-01);
  --bs-body-bg: var(--clr-background-body);
  --bs-body-font-family: var(--font-sans);

  /* Bootstrap Border */
  --bs-border-color: var(--clr-base-600);
  --bs-border-color-translucent: var(--clr-base-600--25);

  /* Bootstrap Components Background */
  --bs-tertiary-bg: var(--clr-surface-02);
  --bs-secondary-bg: var(--clr-surface-03);

  /* Bootstrap Links */
  --bs-link-color: var(--clr-brand-400);
  --bs-link-hover-color: var(--clr-brand-300);

  /* Bootstrap Code */
  --bs-code-color: var(--clr-brand-300);

  /* Bootstrap Border Radius Override */
  --bs-border-radius: var(--radius-2);
  --bs-border-radius-sm: var(--radius-1);
  --bs-border-radius-lg: var(--radius-3);
  --bs-border-radius-xl: var(--radius-4);
  --bs-border-radius-pill: 50rem;

  /* Legacy Theme Variables (for compatibility) */
  --bg-primary: var(--clr-surface-01);
  --bg-secondary: var(--clr-surface-02);
  --bg-tertiary: var(--clr-surface-03);
  --text-primary: var(--clr-onSurface-01--strong);
  --text-secondary: var(--clr-onSurface-01);
  --text-muted: var(--clr-onSurface-01--subtle);
}

/* ========================================
   BOOTSTRAP COMPONENT OVERRIDES
   ======================================== */

/* Cards */
.card {
  --bs-card-bg: var(--clr-surface-02);
  --bs-card-border-color: var(--clr-base-600);
}

/* Navbar */
.navbar-dark {
  --bs-navbar-color: var(--clr-onSurface-01);
  --bs-navbar-hover-color: var(--clr-onSurface-01--strong);
  --bs-navbar-brand-color: var(--clr-onSurface-01--strong);
  --bs-navbar-brand-hover-color: var(--clr-onSurface-01--strong);
}

/* Buttons */
.btn-primary {
  --bs-btn-bg: var(--clr-brand-500);
  --bs-btn-border-color: var(--clr-brand-500);
  --bs-btn-hover-bg: var(--clr-brand-400);
  --bs-btn-hover-border-color: var(--clr-brand-400);
  --bs-btn-active-bg: var(--clr-brand-600);
  --bs-btn-active-border-color: var(--clr-brand-600);
}

.btn-outline-primary {
  --bs-btn-color: var(--clr-brand-400);
  --bs-btn-border-color: var(--clr-brand-400);
  --bs-btn-hover-bg: var(--clr-brand-400);
  --bs-btn-hover-color: var(--clr-base-900);
  --bs-btn-active-bg: var(--clr-brand-500);
  --bs-btn-active-color: var(--clr-base-900);
}

/* Forms */
.form-control {
  --bs-body-bg: var(--clr-surface-03);
  --bs-border-color: var(--clr-base-600);
  color: var(--clr-onSurface-01--strong);
}

.form-control:focus {
  --bs-body-bg: var(--clr-surface-03);
  border-color: var(--clr-brand-400);
  box-shadow: 0 0 0 0.25rem rgba(21, 236, 179, 0.25);
}

/* Alerts */
.alert-success {
  --bs-alert-bg: var(--clr-brand-900);
  --bs-alert-border-color: var(--clr-brand-600);
  --bs-alert-color: var(--clr-brand-200);
}

.alert-danger {
  --bs-alert-bg: rgba(239, 68, 68, 0.1);
  --bs-alert-border-color: rgba(239, 68, 68, 0.3);
  --bs-alert-color: #f87171;
}

.alert-info {
  --bs-alert-bg: var(--clr-brand-900);
  --bs-alert-border-color: var(--clr-brand-600);
  --bs-alert-color: var(--clr-brand-300);
}

.alert-warning {
  --bs-alert-bg: rgba(245, 158, 11, 0.1);
  --bs-alert-border-color: rgba(245, 158, 11, 0.3);
  --bs-alert-color: #fbbf24;
}

/* Tables */
.table-dark {
  --bs-table-bg: var(--clr-surface-02);
  --bs-table-border-color: var(--clr-base-600);
  --bs-table-color: var(--clr-onSurface-02);
}

/* Dropdowns */
.dropdown-menu {
  --bs-dropdown-bg: var(--clr-surface-02);
  --bs-dropdown-border-color: var(--clr-base-600);
  --bs-dropdown-color: var(--clr-onSurface-02);
  --bs-dropdown-link-color: var(--clr-onSurface-02);
  --bs-dropdown-link-hover-color: var(--clr-onSurface-02--strong);
  --bs-dropdown-link-hover-bg: var(--clr-surface-03);
}