:root {
      --typo-title-xl-font-size: 4.5rem;
      --typo-title-xl-line-height: 4.2rem;
      --typo-title-xl-letter-spacing: -0.18rem;

      --typo-title-l-font-size: clamp(1.9rem, 9vw, 2.7rem);
      --typo-title-l-line-height: 1em;
      --typo-title-l-letter-spacing: -0.02em;

      --typo-title-m-font-size: clamp(1.5rem, 7vw, 1.9rem);
      --typo-title-m-line-height: 1.1em;
      --typo-title-m-letter-spacing: -0.01em;

      --typo-title-s-font-size: clamp(1.2rem, 5.5vw, 1.3rem);
      --typo-title-s-line-height: 1.2em;
      --typo-title-s-letter-spacing: -0.005rem;

      --typo-title-xs-font-size: 1rem;
      --typo-title-xs-line-height: 1.25rem;
      --typo-title-xs-letter-spacing: -0.005rem;

      --typo-text-l-font-size: 1rem;
      --typo-text-l-line-height: 1.5em;

      --typo-text-m-font-size: 0.875rem;
      --typo-text-m-line-height: 1.55em;
      --typo-text-m-line-height-narrow: 1.5;

      --typo-text-s-font-size: 0.8125rem;
      --typo-text-s-line-height: 1.3125rem;
      --typo-text-s-line-height-narrow: 1.25rem;

      --typo-text-ui-font-size: max(0.75rem, 13px);
      --typo-list-item-margim: 0.75rem;
      --typo-list-font-size: var(--typo-text-m-font-size);
      --typo-list-line-height: var(--typo-text-m-line-height);
      --typo-list-bullet: "—";
      --page-padding-inline: 5.55vw;
      --page-content-max-width-m: 64.5rem;
      --page-text-max-width: var(--typo-text-block-max-width);
      --page-font-face: "Onest";
      --border-radius-s: 0.375rem;
      --border-radius-m: 1rem;
      --border-radius-l: 2rem;
      --page-section-gap: 10rem;
      --typo-text-block-max-width: 35rem;
      --typo-text-block-l-max-width: 45rem;
      --typo-narrw-text-block-max-width-2: 17.5rem;
      --control-button-border-radius: var(--border-radius-s);
      --control-button-size-m-height: var(--control-height-m);
      --control-button-size-s-height: var(--control-height-s);
      --control-input-border-radius: var(--border-radius-s);
      --control-input-size-m-height: 3rem;
      --control-input-size-m-padding-inline: 0.5rem;
      --control-height-m: 2.25rem;
      --control-height-s: 1.5rem;
      --gap-xxs: 0.375rem;
      --gap-xs: 0.75rem;
      --gap-s: 1.5rem;
      --gap-m: 3rem;
      --gap-l: 6rem;
      --gap-xl: 9rem;
      --header-height: 3rem;
      --header-opacity: 4.6875rem;
      --header-backdrop-blur: 3rem;
      --hero-title-font-size: 4rem;
      --hero-title-line-height: 4rem;
      --hero-title-letter-spacing: -0.12rem;
      --padding-xs: var(--gap-xs);
      --padding-s: var(--gap-s);
      --padding-m: var(--gap-m);
      --padding-l: var(--gap-l);
      --padding-xl: var(--gap-xl);
      --card-size-xs-width: 20rem;
      --card-size-s-width: 24rem;
      --card-size-m-width: 32rem;
      --card-size-l-width: 40rem;

      --typo-title-xl: var(--typo-title-xl-font-size) var(--font-weight-title) var(var(--typo-title-xl-line-height));
      --typo-title-l: var(--typo-title-l-font-size) var(--font-weight-title) var(var(--typo-title-l-line-height));
      --typo-title-m: var(--typo-title-m-font-size) var(--font-weight-title) var(var(--typo-title-m-line-height));
      --typo-title-s: var(--typo-title-s-font-size) var(--font-weight-title) var(var(--typo-title-s-line-height));
      --typo-title-xs: var(--typo-title-xs-font-size) var(--font-weight-title) var(var(--typo-title-xs-line-height));
      --typo-text-l: var(--typo-text-l-font-size) var(--font-weight-title) var(var(--typo-text-l-line-height));
      --typo-text-m: var(--typo-text-m-font-size) var(--font-weight-title) var(var(--typo-text-m-line-height));
      --typo-text-s: var(--typo-text-s-font-size) var(--font-weight-title) var(var(--typo-text-s-line-height));
}

@supports (corner-shape: squircle) {
      [class*="rounded-"] {
            corner-shape: squircle;

      }
/* 
      [class*="rounded-"]:focus-visible {
            outline: 2px solid SelectedItem;
      } */

      :root {
            --border-radius-s: 0.75rem;
            --border-radius-m: 2rem;
            --border-radius-l: 4rem;
      }
}