:root {
  color-scheme: normal;

  --tv-embrace-black: #000;
  --tv-embrace-blue: #00a0dc;
  --tv-embrace-blue_dark: #008cc8;
  --tv-embrace-gray_light: #f5f5f5;
  --tv-embrace-gray_lighter: #eee;
  --tv-embrace-red: red;
  --tv-embrace-white: #fff;

  --tv-embrace-headline-1-font-size: clamp(30px, calc( 1.875rem + ((1vw - 4px) * 3.8043)), 44px); /* 400-768 */
  --tv-embrace-headline-1-line-height: clamp(33px, calc( 2.0625rem + ((1vw - 4px) * 4.0761)), 48px); /* 400-768 */

  --tv-embrace-gap-1: 16px;
  --tv-embrace-gap-2: 24px;
  --tv-embrace-gap-3: 32px;
  --tv-embrace-gap-4: 45px;
  --tv-embrace-gap-5: clamp(24px, calc( 1.5rem + ((1vw - 4px) * 4.3478)), 40px); /* 400-768 */
  --tv-embrace-gap-6: clamp(40px, calc( 2.5rem + ((1vw - 4px) * 10.8696)), 80px); /* 400-768 */

  --tv-embrace-gutter: clamp(8px, calc( 0.5rem + ((1vw - 3px) * 5.1282)), 32px); /* 300-768 */

  --tv-embrace-viewport-max-inner: 1140px;
  --tv-embrace-viewport-max-outer: calc( var(--tv-embrace-viewport-max-inner) + var(--tv-embrace-gutter) * 2 );
}