/* 
convert variables CORE -> ACSS
*/
:root {
    --text-4xl: var(--h1);
    --text-3xl: var(--h2);
    --text-2xl: var(--h3);
    --space-2xl: var(--space-xxl);
    --space-2xs: var(--space-xs);
    --radius-full: var(--radius-circle);
    --light: var(--base-light); 
     --bg-surface: var(--shade-ultra-light);
     --bg-body: var(--white);
     --space-3xl: var(--section-space-m);
     --dark: var(--shade-ultra-dark)
  }