Rivian

:root {
  --color-dominant: #f2a815;
  --color-surface: #15465b;
  --color-ink: #f4fcf4;
  --color-accent: #8d7b67;
  --color-detail: #cbb9a4;
}

/* CSS variables exposed by source */
:root {
  --border: 37 0% 82%;
  --text-display-sm: clamp(44px,3.65vi + 25.28px,72px);
  --text-display-xl-cq--font-weight: 600;
  --background-inverse: 0 0% 0%;
  --primary-foreground: 0 0% 100%;
  --brand: 40 100% 50%;
  --text-display-sm-cq: clamp(44px,3.65cqi + 25.28px,72px);
  --text-base--line-height: 24px;
  --text-headline-xl-cq--letter-spacing: -0.02em;
  --surface-primary: #fff;
  --text-headline-xl: clamp(44px,1.56vi + 36px,56px);
  --surface-secondary: #f2f2f2;
  --surface-primaryAlt: #fafafa;
  --text-9xl--line-height: 0.96;
  --text-display-base--letter-spacing: -0.025em;
  --text-headline-sm-cq: clamp(24px,1.04cqi + 18.72px,32px);
  --secondary-accent: 37 0% 90%;
  --text-headline-base: clamp(32px,0.52vi + 29.28px,36px);
  --text-display-base: clamp(56px,5.21vi + 29.28px,96px);
  --text-display-base--font-weight: 600;
  --text-label-lg--letter-spacing: -0.01em;
  --text-xs--line-height: 16px;
  --text-display-lg-cq: clamp(72px,6.25cqi + 40px,120px);
  --text-display-lg--letter-spacing: -0.025em;
  --text-label-sm: 14px;
  --surface-invertTertiary: #494949;
  --radius-mega: 40px;
  --text-xl: 24px;
  --text-headline-xs-cq--font-weight: 600;
  --foreground-inverse: 0 0% 100%;
  --text-headline-lg-cq--font-weight: 600;
  --text-secondary: #494949;
  --text-body-base--line-height: 24px;
  --text-display-base-cq--letter-spacing: -0.025em;
  --text-headline-xl--line-height: 1;
  --text-display-sm--line-height: 0.96;
  --accent: 0 0% 0% /0.1;
  --text-9xl: 200px;
  --surface-invertPrimary: #000;
  --radius-macro: 20px;
  --font-adventure: "Adventure";
  --text-2xl--line-height: 1;
  --secondary-foreground: 0 0% 0%;
  --text-headline-base--font-weight: 600;
  --background: 0 0% 100%;
  --text-display-xl-cq--letter-spacing: -0.025em;
  --text-headline-base--line-height: 1;
  --text-8xl: 120px;
  --text-xl--line-height: 32px;
  --text-display-xl--line-height: 0.96;
  --text-sm: 14px;
  --text-headline-lg: clamp(36px,1.04vi + 30.72px,44px);
  --text-headline-xs: clamp(20px,0.52vi + 17.28px,24px);
  --text-body-base--letter-spacing: -0.01em;
  --text-body-xs: 12px;
  --text-invertSecondary: #f2f2f2;
  --surface-invertSecondary: #212121;
  --text-label-sm--font-weight: 600;
  --text-headline-xs--letter-spacing: -0.02em;
  --text-display-lg: clamp(72px,6.25vi + 40px,120px);
}