/* Generated from _src/design-system/tokens.json. Do not edit. */

:root {

  --type-page-title-size: clamp(3.2rem, 7.2vw, 7rem);

  --type-section-heading-size: clamp(2.35rem, 4vw, 3.9rem);

  --type-card-heading-size: clamp(1.25rem, 2vw, 1.65rem);

  --type-subheading-size: 1.5rem;

  --type-body-size: 1.125rem;

  --type-reading-size: var(--type-body-size);

  --type-lead-size: 1.375rem;

  --type-meta-size: 1rem;

  --type-input-size: var(--type-body-size);

  --type-caption-size: .875rem;

  --type-brand-size: 2rem;

  --type-brand-mobile-size: 1.75rem;

  --type-menu-size: clamp(1.5rem, calc(20vw - 2.5rem), 2.5rem);

  --type-price-size: clamp(2.8rem, 5vw, 3.75rem);

  --leading-display: 1;

  --leading-heading: 1.1;

  --leading-label: 1.3;

  --leading-body: 1.6;

  --leading-reading: 1.68;

  --leading-lead: 1.55;

  --leading-control: 1.15;

  --leading-meta: 1.5;

  --tracking-heading: -.045em;

  --tracking-label: .08em;

  --tracking-body: 0;

  --weight-regular: 400;

  --weight-medium: 500;

  --weight-control: 550;

  --weight-heading: 600;

  --weight-bold: 700;

  --weight-scale-650: 650;

  --leading-scale-1-04: 1.04;

  --tracking-scale-negative-0-038em: -.038em;

  --type-html-data-site-enovahjelpen-hero-product-h1-size: clamp(3.4rem, 5.8vw, 5.4rem);

  --tracking-scale-negative-0-025em: -.025em;

  --tracking-scale-0-14em: .14em;

  --leading-eyebrow: 1.2;

  --weight-scale-800: 800;

  --tracking-scale-0-1em: .1em;

  --leading-help: 1.45;

  --type-scale-1-9rem: 1.9rem;

  --tracking-scale-negative-0-04em: -.04em;

  --leading-scale-1-4: 1.4;

  --leading-scale-1-35: 1.35;

  --type-scale-1-08rem: 1.08rem;

  --weight-scale-750: 750;

  --type-pricing-grid-strong-size: clamp(1.8rem, 3vw, 2.7rem);

  --type-calculator-result-strong-size: clamp(1.6rem, 4vw, 2.3rem);

  --tracking-scale-0-12em: .12em;

  --type-product-card-h3-size: clamp(2rem, 4vw, 3.5rem);

  --tracking-scale-0-11em: .11em;

  --type-scale-1-38rem: 1.38rem;

  --type-glen-mark-span-size: clamp(4rem, 9vw, 7rem);

  --tracking-scale-negative-0-08em: -.08em;

  --leading-scale-0-8: .8;

  --type-scale-0-66rem: .66rem;

  --type-scale-1-12rem: 1.12rem;

  --tracking-scale-negative-0-02em: -.02em;

  --type-scale-0-73rem: .73rem;

  --type-article-hero-h1-size: clamp(2.7rem, 6vw, 5.3rem);

  --leading-scale-1-72: 1.72;

  --type-article-content-h2-size: clamp(1.7rem, 3.2vw, 2.45rem);

  --type-scale-0-86rem: .86rem;

  --type-section-related-h2-size: clamp(1.8rem, 4vw, 3rem);

  --type-error-code-size: clamp(5rem, 18vw, 10rem);

  --type-scale-2rem: 2rem;

  --type-legacy-article-title-mobile-size: min(2.9rem, 9vw);

  --type-scale-1-75rem: 1.75rem;

  --leading-page-title: .94;

  --leading-scale-1-52: 1.52;

  --tracking-scale-0-01em: .01em;

  --type-scale-1-65rem: 1.65rem;

  --type-service-pick-h3-size: clamp(1.5rem, 2.5vw, 2.25rem);

  --type-area-band-h2-size: clamp(2rem, 4vw, 3.6rem);

  --type-offer-price-strong-size: clamp(2.8rem, 6vw, 5.6rem);

  --tracking-scale-negative-0-06em: -.06em;

  --type-enova-hero-h1-size: clamp(3.2rem, 6.2vw, 6.1rem);

  --type-faq-intro-h2-size: clamp(2.2rem, 4vw, 3.8rem);

  --type-page-title-mobile-size: clamp(2.8rem, 13vw, 4.3rem);

  --type-scale-3-8rem: 3.8rem;

  --tracking-scale-negative-0-035em: -.035em;

  --type-service-heading-size: clamp(1.45rem, 2vw, 1.95rem);

  --type-reading-card-heading-size: clamp(1.45rem, 2vw, 1.85rem);

  --type-dialog-heading-size: 1.7rem;

  --type-scale-1-4rem: 1.4rem;

  --type-local-service-list-strong-size: clamp(1.35rem, 2vw, 1.75rem);

  --type-service-hero-h1-size: clamp(3rem, 5.8vw, 5.8rem);

  --type-service-content-article-content-h2-size: clamp(2rem, 3.5vw, 2.9rem);

  --leading-scale-1-65: 1.65;

  --type-service-title-mobile-size: clamp(2.65rem, 12vw, 4rem);

  --leading-section: 1.02;

  --type-energy-offer-offer-panel-intro-h2-size: clamp(2.45rem, 4.2vw, 3.85rem);

  --leading-scale-1-48: 1.48;

  --type-service-content-h2-size: clamp(2rem, 3.2vw, 2.85rem);

  --type-booking-product-h2-size: clamp(2.55rem, 4.3vw, 4rem);

  --type-booking-price-size: clamp(3.6rem, 6vw, 5.9rem);

  --tracking-scale-negative-0-065em: -.065em;

  --leading-scale-0-95: .95;

  --type-section-heading-mobile-size: clamp(2.15rem, 10.5vw, 3rem);

  --type-family-services-intro-h2-size: clamp(2.35rem, 11vw, 3.2rem);

  --type-scale-3-6rem: 3.6rem;

  --type-expert-heading-size: clamp(2.7rem, 3.8vw, 4rem);

  --leading-card-copy: 1.58;

  --type-area-cards-strong-size: clamp(1.35rem, 1.8vw, 1.7rem);

  --type-family-services-heading-size: clamp(2.6rem, 4.2vw, 4.2rem);

  --type-family-service-list-strong-size: clamp(1.7rem, 2.25vw, 2.1rem);

  --type-dialog-heading-mobile-size: 1.55rem;

  --type-pricing-title-size: clamp(4.3rem, 8vw, 7rem);

  --type-pricing-title-mobile-size: clamp(3.6rem, 17vw, 5rem);

  --type-digital-price-card-h3-size: clamp(1.9rem, 3vw, 2.5rem);

  --tracking-scale-negative-0-03em: -.03em;

  --type-price-card-h3-size: clamp(1.7rem, 2.5vw, 2.2rem);

  --type-price-directory-label-h3-size: clamp(2rem, 2.4vw, 2.35rem);

  --type-archive-hero-editorial-h1-size: clamp(4rem, 7vw, 6.7rem);

  --type-article-archive-heading-h2-size: clamp(2.7rem, 5vw, 4.8rem);

  --tracking-scale-0-07em: .07em;

  --leading-scale-1-62: 1.62;

  --type-article-title-size: clamp(3.8rem, 7.4vw, 7rem);

  --leading-scale-0-96: .96;

  --type-profile-intro-h1-size: clamp(4rem, 7vw, 6.8rem);

  --type-profile-story-points-h3-size: clamp(1.7rem, 2.6vw, 2.35rem);

  --type-profile-credentials-grid-h2-size: clamp(2.7rem, 4.7vw, 4.5rem);

  --type-profile-title-mobile-size: clamp(2.6rem, 13vw, 5rem);

  --type-archive-intro-mobile-size: clamp(3.4rem, 14vw, 5rem);

  --type-article-page-editorial-article-content-h2-size: clamp(2.2rem, 10vw, 3rem);

  --type-local-context-refined-local-context-body-h3-size: clamp(1.65rem, 2.5vw, 2.2rem);

  --type-local-areas-area-cards-strong-size: clamp(1.9rem, 2.8vw, 2.6rem);

  --type-product-card-price-size: clamp(2.6rem, 5vw, 3.4rem);

  --tracking-scale-negative-0-05em: -.05em;

  --type-archive-article-card-h2-size: clamp(2rem, 3vw, 2.8rem);

  --type-calculator-heading-size: clamp(2.9rem, 4.25vw, 4rem);

  --leading-calculator-heading: .98;

  --type-calculator-heading-mobile-size: clamp(2.55rem, 12vw, 3.4rem);

  --tracking-scale-0-06em: .06em;

  --type-main-nav-a-size: clamp(2.15rem, 10vw, 3.5rem);

  --leading-scale-1-08: 1.08;

  --leading-price: .9;

  --type-archive-title-size: clamp(3.5rem, 5.5vw, 5.8rem);

  --type-archive-title-mobile-size: clamp(3.2rem, 14vw, 4.5rem);

  --type-areas-index-h1-size: clamp(3.2rem, 5vw, 4.9rem);

  --type-article-section-size: clamp(2.15rem, 3vw, 2.75rem);

  --type-article-section-mobile-size: clamp(1.9rem, 9vw, 2.5rem);

  --type-legal-page-h1-size: clamp(2rem, 5vw, 4.5rem);

  --type-topic-list-strong-size: clamp(1.5rem, 2.2vw, 2rem);

  --type-article-title-mobile-size: clamp(2.5rem, 11.3vw, 3rem);

  --type-calculator-breakdown-size: 1.375rem;

  --space-1: 0.25rem;

  --space-2: 0.5rem;

  --space-3: 0.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;

  --space-32: 8rem;

  --layout-max-width: 82rem;

  --layout-half-width: calc(var(--layout-max-width) / 2);

  --layout-page-gutter: 1.5rem;

  --layout-mobile-gutter: 1rem;

  --layout-reading-width: 47rem;

  --layout-narrow-width: 42rem;

  --layout-gap: clamp(3rem, 7vw, 7rem);

  --layout-column-inset: clamp(3rem, 8vw, 8rem);

  --layout-equal-columns: repeat(2, minmax(0, 1fr));

  --layout-reading-columns: minmax(13rem, .42fr) minmax(0, 1.58fr);

  --section-space: clamp(4rem, 8vw, 7rem);

  --section-space-compact: clamp(3rem, 5vw, 5rem);

  --plain-article-gap: var(--space-12);

  --white: #fff;

  --black: #000;

  --border-width: 1px;

  --focus-width: 2px;

  --accent-border-width: 4px;

  --wordmark-letter-size: 85%;

  --wordmark-symbol-size: 2.75rem;

  --wordmark-mobile-symbol-size: 2.375rem;

  --wordmark-gap: .75rem;

  --wordmark-mobile-gap: .625rem;

  --measure-0-7rem: .7rem;

  --measure-0-2rem: .2rem;

  --measure-0-22rem: .22rem;

  --measure-42rem: 42rem;

  --measure-negative-1px: -1px;

  --measure-0-8rem: .8rem;

  --measure-0-85rem: .85rem;

  --measure-39rem: 39rem;

  --measure-0-55rem: .55rem;

  --measure-2-65rem: 2.65rem;

  --measure-0-45rem: .45rem;

  --measure-1-45rem: 1.45rem;

  --measure-11-5rem: 11.5rem;

  --measure-0-32rem: .32rem;

  --measure-2-7rem: 2.7rem;

  --measure-0-6rem: .6rem;

  --measure-999px: 999px;

  --measure-1-1rem: 1.1rem;

  --measure-negative-0-32rem: -.32rem;

  --measure-4-5rem: 4.5rem;

  --measure-43rem: 43rem;

  --measure-7rem: 7rem;

  --measure-19rem: 19rem;

  --measure-46rem: 46rem;

  --measure-1-35rem: 1.35rem;

  --measure-2-1rem: 2.1rem;

  --measure-2-2rem: 2.2rem;

  --measure-1-3rem: 1.3rem;

  --measure-negative-0-8rem: -.8rem;

  --measure-1-15rem: 1.15rem;

  --measure-0-9rem: .9rem;

  --measure-3-5rem: 3.5rem;

  --measure-3-2rem: 3.2rem;

  --measure-negative-3-2rem: -3.2rem;

  --measure-16rem: 16rem;

  --measure-24rem: 24rem;

  --measure-2-8rem: 2.8rem;

  --measure-0-15rem: .15rem;

  --measure-1-4rem: 1.4rem;

  --measure-21rem: 21rem;

  --measure-1-55rem: 1.55rem;

  --measure-2-6rem: 2.6rem;

  --measure-22rem: 22rem;

  --measure-34rem: 34rem;

  --measure-3px: 3px;

  --measure-28px: 28px;

  --measure-70px: 70px;

  --measure-2-3rem: 2.3rem;

  --measure-17rem: 17rem;

  --measure-25rem: 25rem;

  --measure-1-6rem: 1.6rem;

  --measure-negative-5rem: -5rem;

  --measure-negative-4rem: -4rem;

  --measure-15rem: 15rem;

  --measure-31rem: 31rem;

  --measure-negative-2px: -2px;

  --measure-18rem: 18rem;

  --measure-1-2rem: 1.2rem;

  --measure-1-8rem: 1.8rem;

  --measure-35rem: 35rem;

  --measure-0-3rem: .3rem;

  --measure-0-1rem: .1rem;

  --measure-1-7rem: 1.7rem;

  --measure-28rem: 28rem;

  --measure-2-4rem: 2.4rem;

  --measure-30px: 30px;

  --measure-80px: 80px;

  --measure-0-95rem: .95rem;

  --measure-0-38rem: .38rem;

  --measure-3-15rem: 3.15rem;

  --measure-0-72rem: .72rem;

  --measure-negative-10000px: -10000px;

  --measure-1-75rem: 1.75rem;

  --measure-0-28rem: .28rem;

  --measure-0-35rem: .35rem;

  --measure-2-35rem: 2.35rem;

  --measure-2-75rem: 2.75rem;

  --measure-0-18rem: .18rem;

  --measure-0-12rem: .12rem;

  --measure-0-65rem: .65rem;

  --measure-5-2rem: 5.2rem;

  --measure-0-4rem: .4rem;

  --measure-1-65rem: 1.65rem;

  --measure-negative-0-25rem: -.25rem;

  --measure-0-42rem: .42rem;

  --measure-negative-8rem: -8rem;

  --measure-negative-1rem: -1rem;

  --measure-negative-6rem: -6rem;

  --measure-11rem: 11rem;

  --measure-3-6rem: 3.6rem;

  --measure-36rem: 36rem;

  --measure-negative-0-5rem: -.5rem;

  --measure-38rem: 38rem;

  --measure-48rem: 48rem;

  --measure-5-5rem: 5.5rem;

  --measure-8-8rem: 8.8rem;

  --measure-29rem: 29rem;

  --measure-9-5rem: 9.5rem;

  --measure-26rem: 26rem;

  --measure-4-35rem: 4.35rem;

  --measure-0-48rem: .48rem;

  --measure-3-25rem: 3.25rem;

  --measure-negative-0-35rem: -.35rem;

  --measure-59rem: 59rem;

  --measure-12rem: 12rem;

  --measure-27rem: 27rem;

  --measure-9rem: 9rem;

  --measure-13rem: 13rem;

  --measure-37rem: 37rem;

  --measure-45rem: 45rem;

  --measure-33rem: 33rem;

  --measure-47rem: 47rem;

  --measure-4-4rem: 4.4rem;

  --measure-10rem: 10rem;

  --measure-4-75rem: 4.75rem;

  --measure-5-8rem: 5.8rem;

  --measure-0-05rem: .05rem;

  --measure-1-95rem: 1.95rem;

  --measure-18px: 18px;

  --measure-2-15rem: 2.15rem;

  --measure-3-75rem: 3.75rem;

  --measure-5-4rem: 5.4rem;

  --measure-7-4rem: 7.4rem;

  --measure-1-72rem: 1.72rem;

  --measure-14rem: 14rem;

  --measure-4-2rem: 4.2rem;

  --measure-3-3rem: 3.3rem;

  --measure-0-92rem: .92rem;

  --measure-0-97rem: .97rem;

  --measure-0-46rem: .46rem;

  --measure-2-25rem: 2.25rem;

  --measure-4-8rem: 4.8rem;

  --measure-1-9rem: 1.9rem;

  --measure-49rem: 49rem;

  --measure-4-85rem: 4.85rem;

  --measure-20rem: 20rem;

  --measure-30rem: 30rem;

  --measure-negative-1-5rem: -1.5rem;

  --measure-4-25rem: 4.25rem;

  --measure-54rem: 54rem;

  --measure-44rem: 44rem;

  --measure-negative-0-2rem: -.2rem;

  --measure-24px: 24px;

  --measure-52rem: 52rem;

  --measure-2-9rem: 2.9rem;

  --measure-72rem: 72rem;

  --measure-50rem: 50rem;

  --measure-37-5rem: 37.5rem;

  --measure-58rem: 58rem;

  --measure-8px: 8px;

  --measure-5-25rem: 5.25rem;

  --measure-8-5rem: 8.5rem;

  --measure-3-625rem: 3.625rem;

  --measure-7-25rem: 7.25rem;

  --measure-6-75rem: 6.75rem;

  --measure-32rem: 32rem;

  --measure-7-5rem: 7.5rem;

  --measure-negative-4px: -4px;

  --measure-5px: 5px;

  --measure-6-5rem: 6.5rem;

  --measure-0-875rem: .875rem;

  --speed: var(--duration-normal);

  --duration-fast: .18s;

  --duration-normal: .2s;

  --duration-slow: .35s;

  --article-image-hover-scale: 1.015;

}

:root {
  --gold: #c6a766;
  --success: #3f6f59;
  --danger: #a2473c;
  --focus: var(--accent);
}

.product-card--buyer {
  --card-accent: #b9664f;
}

.product-card--energy {
  --card-accent: #4f7566;
}

@media (max-width: 55rem) {
:root {
  --header-height: 4.75rem;
}
}

:root {
  --graphite: #1c1e1b;
  --graphite-deep: #151714;
  --graphite-soft: #62665f;
  --paper: #eeece5;
  --paper-deep: #e3dfd4;
  --paper-light: #fbfaf6;
  --accent: #a97838;
  --on-accent: #fff;
  --accent-on-dark: var(--accent);
  --wordmark-accent-on-dark: #d1ab6e;
  --accent-rgb: 169, 120, 56;
  --accent-takseringshjelpen: #a5503d;
  --accent-enovahjelpen: #2f6754;
  --brand-soft: #e7dbc5;
  --brand-contrast: #1c1e1b;
  --line: rgba(28, 30, 27, .16);
  --line-strong: rgba(28, 30, 27, .38);
  --radius-sm: .2rem;
  --radius: .35rem;
  --radius-lg: .5rem;
  --shadow-sm: none;
  --shadow-lg: none;
  --shell: min(100% - 2 * var(--layout-page-gutter), var(--layout-max-width));
  --article: min(100% - 2 * var(--layout-page-gutter), var(--layout-reading-width));
  --mobile-page-gutter: max(var(--layout-mobile-gutter), env(safe-area-inset-left), env(safe-area-inset-right));
  --service-gutter: clamp(3rem, 7vw, 7.5rem);
  --service-columns: minmax(0, calc(40% - var(--service-gutter))) minmax(0, 60%);
  --lead-font-size: var(--type-lead-size);
  --button-min-height: 3.15rem;
  --button-padding-block: .95rem;
  --button-padding-inline: 1.25rem;
  --button-font-size: var(--type-body-size);
  --button-font-weight: var(--weight-control);
  --button-line-height: 1.15;
  --sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --serif: var(--sans);
}

.form-actions, .price-calculator > [data-price-cta] {
  --button-min-height: var(--measure-5-25rem);
  --button-padding-block: var(--measure-1-3rem);
  --button-font-size: var(--type-body-size);
}

html[data-site="takseringshjelpen"], [data-brand-theme="takseringshjelpen"] {
  --graphite: #231f1d;
  --graphite-deep: #1b1817;
  --graphite-soft: #6f625c;
  --paper: #f0eae3;
  --paper-deep: #e2d7cd;
  --paper-light: #fcfaf7;
  --accent: var(--accent-takseringshjelpen);
  --focus: var(--accent);
  --on-accent: #fff;
  --accent-on-dark: #e5ab98;
  --wordmark-accent-on-dark: var(--accent-on-dark);
  --accent-rgb: 165, 80, 61;
  --brand-soft: #e7c9bc;
  --brand-contrast: #271c19;
}

html[data-site="enovahjelpen"], [data-brand-theme="enovahjelpen"] {
  --graphite: #172720;
  --graphite-deep: #10211a;
  --graphite-soft: #5c6d65;
  --paper: #e9efeb;
  --paper-deep: #d7e2dc;
  --paper-light: #fbfcfa;
  --accent: var(--accent-enovahjelpen);
  --focus: var(--accent);
  --on-accent: #fff;
  --accent-on-dark: #9ccbb5;
  --wordmark-accent-on-dark: var(--accent-on-dark);
  --accent-rgb: 47, 103, 84;
  --brand-soft: #d2e2d8;
  --brand-contrast: #10271e;
}

html[data-site] {
  --nav-font-size: var(--type-body-size);
  --nav-font-weight: 400;
  --nav-line-height: 1.6;
}

:root {
  --hero-title-size: clamp(3.2rem, 7.2vw, 7rem);
  --hero-title-leading: .94;
  --hero-title-tracking: -.045em;
  --hero-title-width: 18ch;
  --hero-lead-size: 1.5rem;
  --hero-lead-leading: 1.5;
  --hero-lead-width: 39rem;
  --hero-title-gap: 1.45rem;
  --hero-action-space: 2rem;
  --hero-action-gap: .75rem;
  --hero-height: clamp(43rem, 84svh, 59rem);
  --hero-padding-top: 9rem;
  --hero-padding-bottom: clamp(4.5rem, 8vw, 7rem);
}

@media (max-width: 40rem) {
:root {
  --hero-title-size: clamp(2.2rem, 13vw, 4.3rem);
  --hero-height: 43rem;
  --hero-padding-top: 8.5rem;
  --hero-padding-bottom: 4rem;
}
}

@media (max-width: 55rem) {
:root {
  --shell: calc(100% - 2 * var(--mobile-page-gutter));
  --article: min(var(--shell), var(--layout-reading-width));
}
}

html[data-site] {
  --anchor-header-height: calc(5.8rem + 1px);
  --anchor-offset: calc(var(--anchor-header-height) + 1.5rem);
  --sticky-gap: 3.625rem;
}

html[data-site] .offer-section[id] {
  --section-anchor-gap: 0px;
}

@media (max-width: 55rem) {
html[data-site] {
  --anchor-header-height: 0px;
}
}

@media (max-width: 55rem) {
html[data-site] :is(.section[id], .contact-section[id]):not(.offer-section) {
  --section-anchor-gap: 1.5rem;
}
}

.profile-credentials__grid {
  --credential-title-line-height: 2rem;
  --credential-icon-size: 1.6rem;
}

html[data-site] .site-footer__middle {
  --footer-column-gap: clamp(2rem, 4vw, 5rem);
}

@media (max-width: 55rem) {
html[data-site] {
  --mobile-menu-bottom: max(1rem, env(safe-area-inset-bottom));
}
}

@media (max-width: 55rem) {
:root {
  --hero-lead-size: 1.375rem;
  --type-lead-size: 1.25rem;
  --type-body-size: 1rem;
  --type-meta-size: .875rem;
  --type-caption-size: .875rem;
}
}

[data-brand-theme="termobolig"] {
  --success: #3f6f59;
  --danger: #a2473c;
  --focus: var(--accent);
  --graphite: #1c1e1b;
  --graphite-deep: #151714;
  --graphite-soft: #62665f;
  --paper: #eeece5;
  --paper-deep: #e3dfd4;
  --paper-light: #fbfaf6;
  --accent: #a97838;
  --on-accent: #fff;
  --accent-on-dark: var(--accent);
  --accent-rgb: 169, 120, 56;
  --brand-soft: #e7dbc5;
  --brand-contrast: #1c1e1b;
  --line: rgba(28, 30, 27, .16);
  --line-strong: rgba(28, 30, 27, .38);
}

.type-sample[data-token="hero-title-size"] { font-size: var(--hero-title-size); }

.type-sample[data-token="type-page-title-size"] { font-size: var(--type-page-title-size); line-height: var(--leading-page-title); }

@media (max-width: 40rem) { .type-sample[data-token="type-page-title-size"] { font-size: var(--type-page-title-mobile-size); } }

.type-sample[data-token="type-section-heading-size"] { font-size: var(--type-section-heading-size); line-height: var(--leading-section); }

@media (max-width: 40rem) { .type-sample[data-token="type-section-heading-size"] { font-size: var(--type-section-heading-mobile-size); } }

.type-sample[data-token="type-article-section-size"] { font-size: var(--type-article-section-size); line-height: var(--leading-scale-1-08); }

@media (max-width: 40rem) { .type-sample[data-token="type-article-section-size"] { font-size: var(--type-article-section-mobile-size); } }

.type-sample[data-token="type-card-heading-size"] { font-size: var(--type-card-heading-size); }

.type-sample[data-token="type-calculator-heading-size"] { font-size: var(--type-calculator-heading-size); line-height: var(--leading-calculator-heading); }

@media (max-width: 40rem) { .type-sample[data-token="type-calculator-heading-size"] { font-size: var(--type-calculator-heading-mobile-size); } }

.type-sample[data-token="type-calculator-breakdown-size"] { font-size: var(--type-calculator-breakdown-size); line-height: var(--leading-heading); }

.type-sample[data-token="type-reading-card-heading-size"] { font-size: var(--type-reading-card-heading-size); line-height: var(--leading-heading); font-weight: var(--weight-medium); }

.type-sample[data-token="type-product-card-price-size"] { font-size: var(--type-product-card-price-size); line-height: var(--leading-body); font-weight: var(--weight-control); letter-spacing: var(--tracking-scale-negative-0-05em); }

.type-sample[data-token="type-dialog-heading-size"] { font-size: var(--type-dialog-heading-size); line-height: var(--leading-control); }

@media (max-width: 40rem) { .type-sample[data-token="type-dialog-heading-size"] { font-size: var(--type-dialog-heading-mobile-size); } }

.type-sample[data-token="type-subheading-size"] { font-size: var(--type-subheading-size); }

.type-sample[data-token="hero-lead-size"] { font-size: var(--hero-lead-size); }

.type-sample[data-token="type-lead-size"] { font-size: var(--type-lead-size); line-height: var(--leading-lead); }

.type-sample[data-token="type-reading-size"] { font-size: var(--type-reading-size); line-height: var(--leading-reading); }

.type-sample[data-token="type-body-size"] { font-size: var(--type-body-size); }

.type-sample[data-token="type-meta-size"] { font-size: var(--type-meta-size); }

.type-sample[data-token="type-caption-size"] { font-size: var(--type-caption-size); }

.type-sample[data-token="type-price-size"] { font-size: var(--type-price-size); line-height: var(--leading-price); }

.type-sample[data-token="type-menu-size"] { font-size: var(--type-menu-size); }

[data-swatch="graphite"] { background: var(--graphite); }

[data-swatch="graphite-soft"] { background: var(--graphite-soft); }

[data-swatch="graphite-deep"] { background: var(--graphite-deep); }

[data-swatch="paper"] { background: var(--paper); }

[data-swatch="paper-light"] { background: var(--paper-light); }

[data-swatch="paper-deep"] { background: var(--paper-deep); }

[data-swatch="brand-soft"] { background: var(--brand-soft); }

[data-swatch="accent"] { background: var(--accent); }

[data-swatch="on-accent"] { background: var(--on-accent); }

[data-swatch="accent-on-dark"] { background: var(--accent-on-dark); }

[data-swatch="brand-contrast"] { background: var(--brand-contrast); }

[data-swatch="white"] { background: var(--white); }

[data-swatch="black"] { background: var(--black); }

[data-swatch="line"] { background: var(--line); }

[data-swatch="line-strong"] { background: var(--line-strong); }

[data-swatch="focus"] { background: var(--focus); }

[data-swatch="danger"] { background: var(--danger); }

[data-swatch="success"] { background: var(--success); }

[data-space="space-1"] { width: var(--space-1); }

[data-space="space-2"] { width: var(--space-2); }

[data-space="space-3"] { width: var(--space-3); }

[data-space="space-4"] { width: var(--space-4); }

[data-space="space-5"] { width: var(--space-5); }

[data-space="space-6"] { width: var(--space-6); }

[data-space="space-8"] { width: var(--space-8); }

[data-space="space-10"] { width: var(--space-10); }

[data-space="space-12"] { width: var(--space-12); }

[data-space="space-16"] { width: var(--space-16); }

[data-space="space-20"] { width: var(--space-20); }

[data-space="space-24"] { width: var(--space-24); }

[data-space="space-32"] { width: var(--space-32); }