:root{--color-navy-900: #336699;--color-navy-800: #336699;--color-navy-700: #336699;--color-navy-600: #336699;--color-navy-500: #336699;--color-navy-400: #647A99;--color-navy-300: #8FA1BC;--color-navy-200: #A8B5D0;--color-navy-100: #DCE6F2;--color-navy-50: #ECEEF5;--color-blue-900: #647A99;--color-blue-800: #336699;--color-blue-700: #336699;--color-blue-600: #336699;--color-blue-500: #6D9ECB;--color-blue-400: #93B9DC;--color-blue-300: #DAE8F8;--color-blue-200: #D2E3F3;--color-blue-100: #E7EFF8;--color-blue-50: #F2F7FC;--color-neutral-950: #336699;--color-neutral-900: #336699;--color-neutral-800: #336699;--color-neutral-700: #336699;--color-neutral-600: #647A99;--color-neutral-500: #8FA1BC;--color-neutral-400: #8FA1BC;--color-neutral-300: #B6BBC4;--color-neutral-200: #D5D8DF;--color-neutral-100: #EAECF0;--color-neutral-50: #F5F7FA;--color-success: #4A7C5F;--color-success-light: #E8F2EC;--color-warning: #C4923A;--color-warning-light: #FBF3E6;--color-error: #B84444;--color-error-light: #FBEAEA;--color-info: #336699;--color-info-light: #E7EFF8;--color-paper: #FFFFFF;--color-bg: #FFFFFF;--color-surface: #EFF4FB;--color-surface-cool: #E4EDF8;--color-surface-warm: #EFF4FB;--color-surface-sink: #E4EDF8;--color-border: #DCE6F2;--color-border-strong: #D8DFEA;--color-hairline: #DCE6F2;--hairline: 1px solid var(--color-hairline);--color-ink: #1A1D24;--color-ink-soft: #5B636F;--color-star: #336699;--color-star-empty: #D5D8DF;--fg1: #1F2228;--fg2: #5A5F68;--fg3: var(--color-neutral-400);--accent: var(--color-blue-600);--accent-bg: var(--color-blue-50);--primary: var(--color-navy-700);--primary-hover: var(--color-navy-800);--primary-active: var(--color-navy-900);--font-display: "Instrument Sans", "Century Gothic", "Helvetica Neue", Arial, sans-serif;--font-heading: "Instrument Sans", "Century Gothic", "Helvetica Neue", Arial, sans-serif;--font-serif: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;--font-logo: "Instrument Sans", "Century Gothic", "Helvetica Neue", Arial, sans-serif;--font-body: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;--font-meta: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Menlo", "Consolas", monospace;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--tracking-widest: .15em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 2px;--radius-md: 2px;--radius-lg: 2px;--radius-xl: 2px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(20, 30, 60, .04);--shadow-sm: 0 1px 3px rgba(20, 30, 60, .06), 0 1px 2px rgba(20, 30, 60, .04);--shadow-md: 0 4px 6px rgba(20, 30, 60, .06), 0 2px 4px rgba(20, 30, 60, .04);--shadow-lg: 0 10px 15px rgba(20, 30, 60, .06), 0 4px 6px rgba(20, 30, 60, .04);--shadow-xl: 0 20px 25px rgba(20, 30, 60, .08), 0 10px 10px rgba(20, 30, 60, .03);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--container-commerce: 1320px;--container-editorial: 1180px;--container-text: 720px;--site-gutter: clamp(2.4rem, 5vw, 4.8rem)}.cu-container{max-width:var(--container-commerce);margin-left:auto;margin-right:auto;padding-left:var(--site-gutter);padding-right:var(--site-gutter);width:100%;box-sizing:border-box}.cu-container--narrow{max-width:var(--container-editorial)}.cu-container--text{max-width:var(--container-text)}.cu-container--flush{padding-left:0;padding-right:0}.h1,h1{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-regular);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg1)}.h2,h2{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-regular);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg1)}.h3,h3{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-regular);line-height:var(--leading-snug);color:var(--fg1)}.h4,h4{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--fg1)}.h5,h5{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--fg1)}.h6,h6{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--fg1)}.overline{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent)}.subtitle{font-family:var(--font-body);font-size:var(--text-xl);font-style:normal;font-weight:var(--weight-regular);color:var(--fg2)}.body,p{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-relaxed);color:var(--fg1)}.body-sm,.small{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--fg2)}.caption{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--fg3)}.badge-text{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.logo-text{font-family:var(--font-logo);font-weight:var(--weight-bold);text-transform:lowercase;letter-spacing:var(--tracking-tight)}a,.link{color:var(--primary);text-decoration-color:var(--color-blue-300);text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-out),text-decoration-color var(--duration-fast) var(--ease-out)}a:hover:not([class*=btn]):not([class*=cta]):not([class*=atc]):not([class*=checkout]):not([class*=add]),.link:hover{color:var(--primary-hover);text-decoration-color:var(--primary)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/cupra-design-tokens.css.map */