Vision Trilingual School

:root {
  --color-dominant: #06a4e3;
  --color-surface: #dfcd8a;
  --color-ink: #17317e;
  --color-accent: #62ad88;
  --color-detail: #c2a28d;
}

/* CSS variables exposed by source */
:root {
  --color-tangerine: #FFA06A;
  --color-primrose: #DEF2AC;
  --spacer-2xl: 8.5rem;
  --spacer-xs: 1.5rem;
  --color-wisp: #FEDAF4;
  --color-warning: #FFA06A;
  --color-ecru: #F4F0E2;
  --spacer-sm: 2rem;
  --spacer-md: 3.5rem;
  --color-success: #C4D600;
  --shadow: 0 0 3rem .3rem rgba(0, 0, 0, .05);
  --color-derby: #FFDECB;
  --spacer-xl: 6rem;
  --color-white: #FFFFFF;
  --spacer-3xs: .5rem;
  --spacer: 3rem;
  --radius-sm: 2rem;
  --color-error: #FFA06A;
  --spacer-lg: 4rem;
  --color-subdued-xlight: rgba(19, 50, 43, .1);
  --color-subdued: rgba(19, 50, 43, .6);
  --color-melanie: #F1B7DE;
  --color-water: #D0E5F4;
  --spacer-2xs: 1rem;
  --color-moon-mist: #DDDDD0;
  --color-black: #000000;
  --radius-xs: 1.5rem;
  --color-cerulean: #00A3E1;
  --color-gable: #13322B;
  --radius-xl: 10rem;
  --radius-2xl: 100%;
  --radius-md: 3rem;
  --radius-lg: 4rem;
  --color-subdued-light: rgba(19, 50, 43, .2);
  --color-wattle: #C4D600;
  --lh-lg: 1.4;
  --grid-gap-2X: calc(4rem * 2);
  --lh-md: 1.3;
  --grid-gap-third: calc(4rem / 3);
  --fs-md: 2.2rem;
  --fs-2xs: 1.4rem;
  --rte-gap-half: calc(calc(1.4 * 1em) / 2);
  --grid-column-width: calc( (100% - (4rem * (12 - 1))) / 12 );
  --grid-gap: 4rem;
  --z-default: 1;
  --fs-2xl: 4.4rem;
  --grid-gap-half: calc(4rem / 2);
  --rte-gap-2X: calc(calc(1.4 * 1em) * 2);
  --lh-xs: 1.1;
  --fs-reg: 2rem;
  --fs-sm: 1.8rem;
  --z-dropdown: 100;
  --z-hero: 50;
  --z-modal: 300;
  --grid-gap-4X: calc(4rem * 4);
  --lh-sm: 1.2;
  --grid-columns: 12;
  --lh-2xs: 1;
  --z-loader: 500;
  --rte-gap-4X: calc(calc(1.4 * 1em) * 4);
}