:root {
  --rf-primary: var(--primary);
  --rf-primary-trans: var(--primary-trans-80);
  --rf-secondary: var(--secondary);
  --rf-secondary-trans: var(--secondary-trans-80);
  --rf-accent: var(--accent);
  --rf-accent-trans: var(--accent-trans-80);
  --rf-light: var(--neutral-light);
  --rf-ultra-light: var(--neutral-ultra-light);
  --rf-medium: var(--neutral-medium);
  --rf-dark: var(--neutral-dark);
  --rf-ultra-dark: var(--neutral-ultra-dark);
  --rf-white: var(--white);
  --rf-black: var(--black);
  --rf-review-star-color: #ffe008;
  --rf-background-light: var(--neutral-light);
  --rf-background-medium: var(--neutral-medium);
  --rf-background-dark: var(--neutral-dark);
  --rf-background-primary: var(--rf-primary);
  --rf-background-secondary: var(--rf-secondary);
  --rf-background-ultra-light: var(--rf-ultra-light);
  --rf-background-ultra-light-trans-10: var(--neutral-light-trans-10);
  --rf-background-ultra-light-trans-20: var(--neutral-light-trans-20);
  --rf-background-ultra-light-trans-30: var(--neutral-light-trans-30);
  --rf-h1-color: var(--rf-ultra-light);
  --rf-h2-color: var(--rf-primary);
  --rf-h2-color-light: var(--rf-ultra-light);
  --rf-h3-color: var(--rf-primary);
  --rf-h3-color-light: var(--rf-ultra-light);
  --rf-h3-color-dark: var(--rf-ultra-dark);
  --rf-text-color-dark: var(--rf-dark);
  --rf-text-color-light: var(--rf-light);
  --rf-text-color-ultra-dark: var(--rf-ultra-dark);
  --rf-hero-text-color: var(--rf-light);
  --rf-h1-size: var(--h1);
  --rf-h2-size: calc(var(--h2) * 1.2);
  --rf-h2-size-s: calc(var(--h2) / 1.4);
  --rf-h3-size: var(--h3);
  --rf-h3-size-s: calc(var(--h3) / 1.4);
  --rf-text-size: var(--text-m);
  --rf-text-size-l: calc(var(--rf-text-size) * 1.2);
  --rf-text-size-xl: calc(var(--rf-text-size) * 1.4);
  --rf-hero-text-size: calc(var(--rf-text-size) * 1.4);
  --rf-section-text-size: calc(var(--rf-text-size) * 1.4);
  --rf-h1-length: 20ch;
  --rf-h2-length: 26ch;
  /*--rf-h3-length: 24ch;*/
  --rf-text-length: 60ch;
  --rf-hero-text-length: 50ch;
  --rf-section-text-length: 60ch;
  --rf-hero-overlay: var(--black-trans-60);
  --rf-hero-content-overlay: transparent;
  --rf-overlay: var(--black-trans-70);
  --rf-overlay-light: var(--black-trans-40);
  --rf-overlay-medium: var(--black-trans-50);
  --rf-overlay-dark: var(--black-trans-90);
  --rf-overlay-content: var(--black-trans-40);
  --rf-overlay-content-light: var(--white-trans-50);
  --rf-overlay-content-dark: var(--black-trans-70);
  --rf-overlay-white: var(--white-trans-90);
  --rf-gap: var(--space-m);
  --rf-gap-s: calc(var(--space-m) / 2);
  --rf-gap-l: calc(var(--space-m) * 1.2);
  --rf-card-gap: calc(var(--rf-gap) / 1.4);
  --rf-radius: var(--radius);
  --rf-shadow-s: 0 1.5px 2px -3px rgba(0, 0, 0, 0.04),
                   0 4.5px 6px -3px rgba(0, 0, 0, 0.06),
                   0 12px 16px -3px rgba(0, 0, 0, 0.08);
  --rf-shadow-m: var(--box-shadow-m);
  --rf-shadow-l: var(--box-shadow-l);
  --rf-shadow-xl: var(--box-shadow-xl);
  --rf-blur-xs: blur(3px);
  --rf-blur-s: blur(4px);
  --rf-blur-m: blur(10px);
  --rf-blur-l: blur(20px);
  --rf-blur-xl: blur(40px);
  --rf-border-color: var(--rf-ultra-light);
  --rf-border-color-light: var(--rf-light);
  --rf-border-color-dark: var(--rf-dark);
  --rf-border-color-primary: var(--rf-primary);
  --rf-border-color-accent: var(--rf-accent);
  --rf-border-color-accent-trans: var(--rf-accent-trans);
  --rf-transition-duration: .4s;
  --rf-transition-duration-m: .8s;
  --rf-transition-duration-l: 1.2s;
  --rf-transition-duration-xl: 1.6s;
  --rf-transition-duration-xxl: 2s;
  --rf-transition-timing-function: cubic-bezier(0.4, 0.01, 0.165, 0.99);
  --rf-card-header-bg: var(--rf-accent);
  --rf-card-body-bg: var(--rf-white);
  --rf-card-footer-bg: var(--rf-ultra-light);
  --rf-card-header-bg-trans: var(--accent-trans-90);
  --rf-card-body-bg-trans: var(--white-trans-90);
  --rf-card-footer-bg-trans: var(--neutral-dark-trans-90);
  --rf-card-heading-color-primary: var(--rf-primary);
  --rf-card-heading-color-light: var(--rf-ultra-light);
  --rf-card-heading-color-dark: var(--rf-ultra-dark);
  --rf-card-text-color-dark: var(--rf-text-color-dark);
  --rf-card-text-color-light: var(--rf-text-color-light);
  --rf-card-heading-size: calc(var(--h3) * 1.2);
  --rf-card-highlight-text-size: var(--h3);
  --rf-highlight-heading-color: var(--rf-h3-color);
  --rf-highlight-heading-size: calc(var(--rf-h3-size) * 1.6);
  --rf-highlight-text-color: var(--rf-text-color-dark);
  --rf-highlight-text-size: calc(var(--rf-text-size) * 1.6);
  --rf-font-weight-light: 100;
  --rf-font-weight-medium: 600;
  --rf-font-weight-black: 900;
  --rf-content-box-color-1: var(--neutral-dark);
  --rf-content-box-color-2: var(--rf-ultra-light);
  --rf-content-box-color-3: var(--white);
  --rf-review-star-size: 1.5em;
  --rf-review-star-size-l: 2em;
}
h1 {
  max-inline-size: var(--rf-h1-length) !important;
}
h2 {
  max-inline-size: var(--rf-h2-length) !important;
}
/*h3 {
    max-inline-size: var(--rf-h3-length)!important;
}*/
p {
  max-inline-size: var(--rf-text-length) !important;
}