:root {
    --font--family: "Sora", system-ui, sans-serif;
    --font--family-2: "Inter", system-ui, sans-serif;
    --font--style: normal;
    --font--weight: 500;
    --font--margin-left: -0.07em;
    --font--margin-left-opening-quote-mark: -0.406em;
    --font--feature-settings: "liga", "ss02", "ss03", "ss04", "ss06";
    --font--feature-settings-no-stylized-numeral-8: "ss06" 0;
    --font--size-huge: clamp(36px, 5.14vw, 5.14vw);
    --font--size-hugealt: clamp(32px,3.24vw, 3.24vw);
    --font--size-large: clamp(38px, 1.81vw, 1.81vw);
    --font--size-medium: 22px;
    --font--size-regular: 16px;
    --font--size-small: 14px;
    --font--size-regular-line-height: 1.25;
  }
  
  :root {
    --grid-margin: 80px;
    --grid-columns: var(--grid-columns-12);
    --grid-columns-12: repeat(12, [col-start] 1fr);
    --grid--app-columns-6: repeat(6, [col-start] 1fr);
    --grid--app-columns-4: repeat(4, [col-start] 1fr);
    --grid--app-columns-3: repeat(3, [col-start] 1fr);
    --grid--app-columns-2: repeat(2, [col-start] 1fr);
    --grid--app-columns-1: repeat(1, [col-start] 1fr);
    --grid--app-gutter: 20px;
    --grid--app-xheight: 300px;
    --grid--app-xheight-1: 80px;
  }
  
  /* :root {
    --color--foreground--100: rgb(0 0 0 / 1);
    --color--foreground--50:  rgb(0 0 0 / 0.5);
    --color--foreground--33:  rgb(0 0 0 / 0.333);
    --color--foreground--25:  rgb(0 0 0 / 0.25);
    --color--foreground--20:  rgb(0 0 0 / 0.2);
    --color--foreground--15:  rgb(0 0 0 / 0.15);
    --color--foreground--10:  rgb(0 0 0 / 0.1);
    --color--foreground--5:   rgb(0 0 0 / 0.05);
    --color--foreground--0:   rgb(0 0 0 / 0);
    --color--background--100: hsl(0, 0%, 100%);
    --color--background--0:   rgba(255, 255, 255, 0);
  } */