@import url("https://fonts.cdnfonts.com/css/avenir");
:root {
  --ahs-color-primary: #00204f;
  --ahs-color-secondary: #487fcb;
  --ahs-color-accent: #016dc6;
  --ahs-color-muted: #DADADA;
  --ahs-color-alert: #eb6767;
  --ahs-color-contrast: #ffd700;
  --ahs-color-darkmode: #010024;
  --ahs-color-paper: #DADADA;
  --ahs-color-primary-light: #8090a7;
  --ahs-color-primary-light-1: #1a3661;
  --ahs-color-primary-light-2: #334d72;
  --ahs-color-primary-light-3: #4d6384;
  --ahs-color-primary-light-4: #667995;
  --ahs-color-primary-light-5: #8090a7;
  --ahs-color-primary-light-6: #99a6b9;
  --ahs-color-primary-light-7: #b3bcca;
  --ahs-color-primary-light-8: #ccd2dc;
  --ahs-color-primary-light-9: #e6e9ed;
  --ahs-color-primary-light-25pct: rgba(128, 144, 167, 0.25);
  --ahs-color-primary-light-50pct: rgba(128, 144, 167, 0.5);
  --ahs-color-primary-light-75pct: rgba(128, 144, 167, 0.75);
  --ahs-color-primary-dark: #001028;
  --ahs-color-primary-dark-1: #001d47;
  --ahs-color-primary-dark-2: #001a3f;
  --ahs-color-primary-dark-3: #001637;
  --ahs-color-primary-dark-4: #00132f;
  --ahs-color-primary-dark-5: #001028;
  --ahs-color-primary-dark-6: #000d20;
  --ahs-color-primary-dark-7: #000a18;
  --ahs-color-primary-dark-8: #000610;
  --ahs-color-primary-dark-9: #000308;
  --ahs-color-primary-dark-25pct: rgba(0, 16, 40, 0.25);
  --ahs-color-primary-dark-50pct: rgba(0, 16, 40, 0.5);
  --ahs-color-primary-dark-75pct: rgba(0, 16, 40, 0.75);
  --ahs-color-primary-25pct: rgba(0, 32, 79, 0.25);
  --ahs-color-primary-50pct: rgba(0, 32, 79, 0.5);
  --ahs-color-primary-75pct: rgba(0, 32, 79, 0.75);
  --ahs-color-secondary-light: #a4bfe5;
  --ahs-color-secondary-light-1: #5a8cd0;
  --ahs-color-secondary-light-2: #6d99d5;
  --ahs-color-secondary-light-3: #7fa5db;
  --ahs-color-secondary-light-4: #91b2e0;
  --ahs-color-secondary-light-5: #a4bfe5;
  --ahs-color-secondary-light-6: #b6ccea;
  --ahs-color-secondary-light-7: #c8d9ef;
  --ahs-color-secondary-light-8: #dae5f5;
  --ahs-color-secondary-light-9: #edf2fa;
  --ahs-color-secondary-light-25pct: rgba(164, 191, 229, 0.25);
  --ahs-color-secondary-light-50pct: rgba(164, 191, 229, 0.5);
  --ahs-color-secondary-light-75pct: rgba(164, 191, 229, 0.75);
  --ahs-color-secondary-dark: #244066;
  --ahs-color-secondary-dark-1: #4172b7;
  --ahs-color-secondary-dark-2: #3a66a2;
  --ahs-color-secondary-dark-3: #32598e;
  --ahs-color-secondary-dark-4: #2b4c7a;
  --ahs-color-secondary-dark-5: #244066;
  --ahs-color-secondary-dark-6: #1d3351;
  --ahs-color-secondary-dark-7: #16263d;
  --ahs-color-secondary-dark-8: #0e1929;
  --ahs-color-secondary-dark-9: #070d14;
  --ahs-color-secondary-dark-25pct: rgba(36, 64, 102, 0.25);
  --ahs-color-secondary-dark-50pct: rgba(36, 64, 102, 0.5);
  --ahs-color-secondary-dark-75pct: rgba(36, 64, 102, 0.75);
  --ahs-color-secondary-25pct: rgba(72, 127, 203, 0.25);
  --ahs-color-secondary-50pct: rgba(72, 127, 203, 0.5);
  --ahs-color-secondary-75pct: rgba(72, 127, 203, 0.75);
  --ahs-color-accent-light: #80b6e3;
  --ahs-color-accent-light-1: #1a7ccc;
  --ahs-color-accent-light-2: #348ad1;
  --ahs-color-accent-light-3: #4d99d7;
  --ahs-color-accent-light-4: #67a7dd;
  --ahs-color-accent-light-5: #80b6e3;
  --ahs-color-accent-light-6: #99c5e8;
  --ahs-color-accent-light-7: #b3d3ee;
  --ahs-color-accent-light-8: #cce2f4;
  --ahs-color-accent-light-9: #e6f0f9;
  --ahs-color-accent-light-25pct: rgba(128, 182, 227, 0.25);
  --ahs-color-accent-light-50pct: rgba(128, 182, 227, 0.5);
  --ahs-color-accent-light-75pct: rgba(128, 182, 227, 0.75);
  --ahs-color-accent-dark: #013763;
  --ahs-color-accent-dark-1: #0162b2;
  --ahs-color-accent-dark-2: #01579e;
  --ahs-color-accent-dark-3: #014c8b;
  --ahs-color-accent-dark-4: #014177;
  --ahs-color-accent-dark-5: #013763;
  --ahs-color-accent-dark-6: #002c4f;
  --ahs-color-accent-dark-7: #00213b;
  --ahs-color-accent-dark-8: #001628;
  --ahs-color-accent-dark-9: #000b14;
  --ahs-color-accent-dark-25pct: rgba(1, 55, 99, 0.25);
  --ahs-color-accent-dark-50pct: rgba(1, 55, 99, 0.5);
  --ahs-color-accent-dark-75pct: rgba(1, 55, 99, 0.75);
  --ahs-color-accent-25pct: rgba(1, 109, 198, 0.25);
  --ahs-color-accent-50pct: rgba(1, 109, 198, 0.5);
  --ahs-color-accent-75pct: rgba(1, 109, 198, 0.75);
  --ahs-color-muted-light: #ededed;
  --ahs-color-muted-light-1: #dedede;
  --ahs-color-muted-light-2: #e1e1e1;
  --ahs-color-muted-light-3: #e5e5e5;
  --ahs-color-muted-light-4: #e9e9e9;
  --ahs-color-muted-light-5: #ededed;
  --ahs-color-muted-light-6: #f0f0f0;
  --ahs-color-muted-light-7: #f4f4f4;
  --ahs-color-muted-light-8: #f8f8f8;
  --ahs-color-muted-light-9: #fbfbfb;
  --ahs-color-muted-light-25pct: rgba(237, 237, 237, 0.25);
  --ahs-color-muted-light-50pct: rgba(237, 237, 237, 0.5);
  --ahs-color-muted-light-75pct: rgba(237, 237, 237, 0.75);
  --ahs-color-muted-dark: #6d6d6d;
  --ahs-color-muted-dark-1: #c4c4c4;
  --ahs-color-muted-dark-2: #aeaeae;
  --ahs-color-muted-dark-3: #999999;
  --ahs-color-muted-dark-4: #838383;
  --ahs-color-muted-dark-5: #6d6d6d;
  --ahs-color-muted-dark-6: #575757;
  --ahs-color-muted-dark-7: #414141;
  --ahs-color-muted-dark-8: #2c2c2c;
  --ahs-color-muted-dark-9: #161616;
  --ahs-color-muted-dark-25pct: rgba(109, 109, 109, 0.25);
  --ahs-color-muted-dark-50pct: rgba(109, 109, 109, 0.5);
  --ahs-color-muted-dark-75pct: rgba(109, 109, 109, 0.75);
  --ahs-color-muted-25pct: rgba(218, 218, 218, 0.25);
  --ahs-color-muted-50pct: rgba(218, 218, 218, 0.5);
  --ahs-color-muted-75pct: rgba(218, 218, 218, 0.75);
  --ahs-color-alert-light: #f5b3b3;
  --ahs-color-alert-light-1: #ed7676;
  --ahs-color-alert-light-2: #ef8585;
  --ahs-color-alert-light-3: #f19595;
  --ahs-color-alert-light-4: #f3a4a4;
  --ahs-color-alert-light-5: #f5b3b3;
  --ahs-color-alert-light-6: #f7c2c2;
  --ahs-color-alert-light-7: #f9d1d1;
  --ahs-color-alert-light-8: #fbe1e1;
  --ahs-color-alert-light-9: #fdf0f0;
  --ahs-color-alert-light-25pct: rgba(245, 179, 179, 0.25);
  --ahs-color-alert-light-50pct: rgba(245, 179, 179, 0.5);
  --ahs-color-alert-light-75pct: rgba(245, 179, 179, 0.75);
  --ahs-color-alert-dark: #763434;
  --ahs-color-alert-dark-1: #d45d5d;
  --ahs-color-alert-dark-2: #bc5252;
  --ahs-color-alert-dark-3: #a54848;
  --ahs-color-alert-dark-4: #8d3e3e;
  --ahs-color-alert-dark-5: #763434;
  --ahs-color-alert-dark-6: #5e2929;
  --ahs-color-alert-dark-7: #471f1f;
  --ahs-color-alert-dark-8: #2f1515;
  --ahs-color-alert-dark-9: #180a0a;
  --ahs-color-alert-dark-25pct: rgba(118, 52, 52, 0.25);
  --ahs-color-alert-dark-50pct: rgba(118, 52, 52, 0.5);
  --ahs-color-alert-dark-75pct: rgba(118, 52, 52, 0.75);
  --ahs-color-alert-25pct: rgba(235, 103, 103, 0.25);
  --ahs-color-alert-50pct: rgba(235, 103, 103, 0.5);
  --ahs-color-alert-75pct: rgba(235, 103, 103, 0.75);
  --ahs-color-contrast-light: #ffeb80;
  --ahs-color-contrast-light-1: #ffdb1a;
  --ahs-color-contrast-light-2: #ffdf33;
  --ahs-color-contrast-light-3: #ffe34d;
  --ahs-color-contrast-light-4: #ffe766;
  --ahs-color-contrast-light-5: #ffeb80;
  --ahs-color-contrast-light-6: #ffef99;
  --ahs-color-contrast-light-7: #fff3b3;
  --ahs-color-contrast-light-8: #fff7cc;
  --ahs-color-contrast-light-9: #fffbe6;
  --ahs-color-contrast-light-25pct: rgba(255, 235, 128, 0.25);
  --ahs-color-contrast-light-50pct: rgba(255, 235, 128, 0.5);
  --ahs-color-contrast-light-75pct: rgba(255, 235, 128, 0.75);
  --ahs-color-contrast-dark: #806c00;
  --ahs-color-contrast-dark-1: #e6c200;
  --ahs-color-contrast-dark-2: #ccac00;
  --ahs-color-contrast-dark-3: #b39700;
  --ahs-color-contrast-dark-4: #998100;
  --ahs-color-contrast-dark-5: #806c00;
  --ahs-color-contrast-dark-6: #665600;
  --ahs-color-contrast-dark-7: #4d4100;
  --ahs-color-contrast-dark-8: #332b00;
  --ahs-color-contrast-dark-9: #1a1600;
  --ahs-color-contrast-dark-25pct: rgba(128, 108, 0, 0.25);
  --ahs-color-contrast-dark-50pct: rgba(128, 108, 0, 0.5);
  --ahs-color-contrast-dark-75pct: rgba(128, 108, 0, 0.75);
  --ahs-color-contrast-25pct: rgba(255, 215, 0, 0.25);
  --ahs-color-contrast-50pct: rgba(255, 215, 0, 0.5);
  --ahs-color-contrast-75pct: rgba(255, 215, 0, 0.75);
  --ahs-color-paper-light: #fcfcea;
  --ahs-color-paper-light-1: #f9f9d9;
  --ahs-color-paper-light-2: #f9f9dd;
  --ahs-color-paper-light-3: #fafae2;
  --ahs-color-paper-light-4: #fbfbe6;
  --ahs-color-paper-light-5: #fcfcea;
  --ahs-color-paper-light-6: #fcfcee;
  --ahs-color-paper-light-7: #fdfdf2;
  --ahs-color-paper-light-8: #fefef7;
  --ahs-color-paper-light-9: #fefefb;
  --ahs-color-paper-light-25pct: rgba(252, 252, 234, 0.25);
  --ahs-color-paper-light-50pct: rgba(252, 252, 234, 0.5);
  --ahs-color-paper-light-75pct: rgba(252, 252, 234, 0.75);
  --ahs-color-paper-dark: #7c7c6b;
  --ahs-color-paper-dark-1: #dfdfc0;
  --ahs-color-paper-dark-2: #c6c6aa;
  --ahs-color-paper-dark-3: #aeae95;
  --ahs-color-paper-dark-4: #959580;
  --ahs-color-paper-dark-5: #7c7c6b;
  --ahs-color-paper-dark-6: #636355;
  --ahs-color-paper-dark-7: #4a4a40;
  --ahs-color-paper-dark-8: #32322b;
  --ahs-color-paper-dark-9: #191915;
  --ahs-color-paper-dark-25pct: rgba(124, 124, 107, 0.25);
  --ahs-color-paper-dark-50pct: rgba(124, 124, 107, 0.5);
  --ahs-color-paper-dark-75pct: rgba(124, 124, 107, 0.75);
  --ahs-color-paper-25pct: rgba(248, 248, 213, 0.25);
  --ahs-color-paper-50pct: rgba(248, 248, 213, 0.5);
  --ahs-color-paper-75pct: rgba(248, 248, 213, 0.75);
  --ahs-color-darkmode-light: #808092;
  --ahs-color-darkmode-light-1: #1a1a3a;
  --ahs-color-darkmode-light-2: #343350;
  --ahs-color-darkmode-light-3: #4d4d66;
  --ahs-color-darkmode-light-4: #67667c;
  --ahs-color-darkmode-light-5: #808092;
  --ahs-color-darkmode-light-6: #9999a7;
  --ahs-color-darkmode-light-7: #b3b3bd;
  --ahs-color-darkmode-light-8: #ccccd3;
  --ahs-color-darkmode-light-9: #e6e6e9;
  --ahs-color-darkmode-light-25pct: rgba(128, 128, 146, 0.25);
  --ahs-color-darkmode-light-50pct: rgba(128, 128, 146, 0.5);
  --ahs-color-darkmode-light-75pct: rgba(128, 128, 146, 0.75);
  --ahs-color-darkmode-dark: #010012;
  --ahs-color-darkmode-dark-1: #010020;
  --ahs-color-darkmode-dark-2: #01001d;
  --ahs-color-darkmode-dark-3: #010019;
  --ahs-color-darkmode-dark-4: #010016;
  --ahs-color-darkmode-dark-5: #010012;
  --ahs-color-darkmode-dark-6: #00000e;
  --ahs-color-darkmode-dark-7: #00000b;
  --ahs-color-darkmode-dark-8: #000007;
  --ahs-color-darkmode-dark-9: #000004;
  --ahs-color-darkmode-dark-25pct: rgba(1, 0, 18, 0.25);
  --ahs-color-darkmode-dark-50pct: rgba(1, 0, 18, 0.5);
  --ahs-color-darkmode-dark-75pct: rgba(1, 0, 18, 0.75);
  --ahs-color-darkmode-25pct: rgba(1, 0, 36, 0.25);
  --ahs-color-darkmode-50pct: rgba(1, 0, 36, 0.5);
  --ahs-color-darkmode-75pct: rgba(1, 0, 36, 0.75);
}

.vars-test {
  height: 500px;
  background-color: var(var(--ahs-color-primary));
}
.vars-test p {
  color: var(var(--ahs-color-secondary-light));
}