Porsche

:root {
  --color-dominant: #822126;
  --color-surface: #541620;
  --color-ink: #e49599;
  --color-accent: #6e8aa6;
  --color-detail: #d3a7ba;
}

/* CSS variables exposed by source */
:root {
  --p-color-warning-medium: light-dark(rgba(172,81,2,.6),rgba(244,136,42,.6));
  --p-typescale-4xl: clamp(2.03rem,3.58vw + 1.31rem,5.61rem);
  --p-spacing-static-lg: 32px;
  --p-leading-normal: calc(6px + 2.125ex);
  --p-color-contrast-low: light-dark(rgba(36,36,40,.5),rgba(246,246,248,.45));
  --p-font-weight-normal: 400;
  --pcom-spacing-large: clamp(32px,2.75vw + 23px,76px);
  --p-color-info: light-dark(#1a44ea,#178bff);
  --p-radius-2xl: 16px;
  --p-radius-3xl: 24px;
  --p-color-contrast-medium: light-dark(rgba(17,17,19,.6),rgba(246,246,248,.56));
  --p-color-success-frosted: light-dark(rgba(213,255,204,.55),rgba(11,91,60,.66));
  --p-spacing-fluid-2xl: clamp(80px,7.5vw + 56px,200px);
  --p-radius-full: calc(infinity*1px);
  --p-color-focus: light-dark(#1a44ea,#1a44ea);
  --p-spacing-fluid-lg: clamp(32px,2.75vw + 23px,76px);
  --pcom-motion-easing-base: cubic-bezier(.25,.1,.25,1);
  --p-typescale-5xl: clamp(2.28rem,5.2vw + 1.24rem,7.48rem);
  --p-spacing-static-xl: 48px;
  --p-duration-md: .4s;
  --p-typescale-xl: clamp(1.42rem,.94vw + 1.23rem,2.37rem);
  --p-font-weight-semibold: 600;
  --p-color-error-medium: light-dark(rgba(186,23,31,.6),rgba(252,64,64,.6));
  --p-color-frosted-strong: light-dark(rgba(100,101,114,.236),rgba(156,156,159,.302));
  --pcom-spacing-small: clamp(8px,.5vw + 6px,16px);
  --p-typescale-sm: 1rem;
  --p-font-porsche-next: "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
  --p-spacing-fluid-xs: clamp(4px,.25vw + 3px,8px);
  --pcom-expected-cta-block-height: calc(clamp(16px,1.25vw + 12px,36px) + 54px);
  --p-color-info-medium: light-dark(rgba(26,68,234,.6),rgba(23,139,255,.6));
  --p-ease-in-out: cubic-bezier(.25,.1,.25,1);
  --p-ease-out: cubic-bezier(.4,0,.5,1);
  --p-color-warning-low: light-dark(rgba(172,81,2,.18),rgba(244,136,42,.18));
  --p-color-info-frosted: light-dark(rgba(204,229,255,.55),rgba(11,51,91,.66));
  --p-typescale-2xl: clamp(1.6rem,1.56vw + 1.29rem,3.16rem);
  --p-spacing-static-xs: 4px;
  --pcom-expected-p-link-height: 54px;
  --p-radius-md: 6px;
  --p-color-warning-frosted: light-dark(rgba(255,238,204,.55),rgba(91,81,11,.66));
  --p-shadow-lg: 0px 8px 40px rgba(0,0,0,.16);
  --pcom-spacing-x-large: clamp(48px,3vw + 38px,96px);
  --p-typescale-3xl: clamp(1.8rem,2.41vw + 1.32rem,4.21rem);
  --p-shadow-sm: 0px 3px 8px rgba(0,0,0,.16);
  --p-color-frosted-soft: light-dark(rgba(143,145,163,.06),rgba(65,65,70,.154));
  --p-color-error-frosted-soft: light-dark(hsla(0,80%,95%,.55),rgba(61,16,16,.66));
  --pcom-spacing-medium: clamp(16px,1.25vw + 12px,36px);
  --p-duration-sm: .25s;
  --p-color-success-frosted-soft: light-dark(rgba(236,252,232,.55),rgba(16,61,44,.66));
  --pcom-spacing-x-small: clamp(4px,.25vw + 3px,8px);
  --p-radius-lg: 8px;
  --p-font-weight-bold: 700;
  --p-duration-xl: 1.2s;
  --p-spacing-static-sm: 8px;
  --p-color-success-low: light-dark(rgba(25,126,16,.18),rgba(16,196,127,.18));
  --p-color-error-frosted: light-dark(hsla(0,100%,90%,.55),rgba(91,11,11,.66));
  --p-color-surface: light-dark(#f1f1f4,#19191a);
  --pcom-motion-easing-in: cubic-bezier(0,0,.2,1);
  --p-radius-4xl: 32px;
  --p-radius-sm: 4px;
  --p-ease-in: cubic-bezier(0,0,.2,1);
}