/* Generated by tools/ante/emit.mjs from "docs/ante/schema.json" and "docs/ante/kits/ashbailey.json". Never hand-edit: change the schema or the kit and re-run. */

:root {
  /* Font families. The schema carries no family of its own (KTD1); these are the kit's. */
  --font-base: "Google Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", sans-serif;
  --font-caption: "Geist Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --font-heading: "Google Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", sans-serif;

  /* Weight rungs. The workbook numbers most; a kit fills the ones it leaves blank. */
  --weight-base-bold: 700;
  --weight-base-heavy: 700;
  --weight-base-medium: 500;
  --weight-base-regular: 400;
  --weight-base-semibold: 600;
  --weight-caption-bold: 700;
  --weight-caption-demibold: 600;
  --weight-caption-medium: 500;
  --weight-caption-regular: 400;
  --weight-caption-semibold: 600;
  --weight-heading-bold: 700;
  --weight-heading-heavy: 700;
  --weight-heading-medium: 500;
  --weight-heading-regular: 400;
  --weight-heading-semibold: 600;

  /* Sizes, interpolated on viewport width between 376px and 1920px (KTD9). Font sizes in rem against a 16px root, everything else in px (KTD13). */
  --border-weight-border-main: 2px;
  --border-weight-border-thick: 3px;
  --font-size-body-base: 1rem;
  --font-size-body-large: 1.25rem;
  --font-size-body-small: 0.875rem;
  --font-size-body-x-small: 0.75rem;
  --font-size-caption-small: clamp(0.875rem, calc(0.8141rem + 0.2591vw), 1.125rem);
  --font-size-caption-x-small: clamp(0.75rem, calc(0.7196rem + 0.1295vw), 0.875rem);
  --font-size-display-1: clamp(3.25rem, calc(2.6412rem + 2.5907vw), 5.75rem);
  --font-size-heading-h1: clamp(2.75rem, calc(2.263rem + 2.0725vw), 4.75rem);
  --font-size-heading-h2: clamp(2.3125rem, calc(1.9016rem + 1.7487vw), 4rem);
  --font-size-heading-h3: clamp(1.875rem, calc(1.6315rem + 1.0363vw), 2.875rem);
  --font-size-heading-h4: clamp(1.5rem, calc(1.3478rem + 0.6477vw), 2.125rem);
  --font-size-heading-h5: clamp(1.25rem, calc(1.1282rem + 0.5181vw), 1.75rem);
  --font-size-heading-h6: clamp(1.0625rem, calc(1.0168rem + 0.1943vw), 1.25rem);
  --icon-base: clamp(18px, calc(16.5389px + 0.3886vw), 24px);
  --icon-large: clamp(22px, calc(19.5648px + 0.6477vw), 32px);
  --icon-small: clamp(12px, calc(10.5389px + 0.3886vw), 18px);
  --icon-x-large: clamp(28px, calc(24.1036px + 1.0363vw), 44px);
  --icon-xx-large: clamp(54px, calc(47.6684px + 1.6839vw), 80px);
  --icon-xxx-large: clamp(76px, calc(67.2332px + 2.3316vw), 112px);
  --micros-large: clamp(8px, calc(7.513px + 0.1295vw), 10px);
  --micros-medium: clamp(6px, calc(5.513px + 0.1295vw), 8px);
  --micros-small: clamp(4px, calc(3.513px + 0.1295vw), 6px);
  --micros-x-large: clamp(10px, calc(9.513px + 0.1295vw), 12px);
  --micros-x-small: clamp(3px, calc(2.7565px + 0.0648vw), 4px);
  --micros-xx-large: clamp(12px, calc(11.513px + 0.1295vw), 14px);
  --micros-xx-small: 2px;
  --micros-xxx-large: clamp(14px, calc(13.513px + 0.1295vw), 16px);
  --padding-large: clamp(20px, calc(18.0518px + 0.5181vw), 28px);
  --padding-medium: clamp(16px, calc(14.0518px + 0.5181vw), 24px);
  --padding-small: clamp(12px, calc(10.0518px + 0.5181vw), 20px);
  --padding-x-large: clamp(24px, calc(18.1554px + 1.5544vw), 48px);
  --padding-xx-large: clamp(28px, calc(19.2332px + 2.3316vw), 64px);
  --radius-large: clamp(9px, calc(8.2694px + 0.1943vw), 12px);
  --radius-medium: clamp(7px, calc(6.7565px + 0.0648vw), 8px);
  --radius-round: 9999px;
  --radius-small: clamp(5px, calc(4.7565px + 0.0648vw), 6px);
  --radius-x-large: clamp(12px, calc(11.0259px + 0.2591vw), 16px);
  --radius-x-small: clamp(3px, calc(2.7565px + 0.0648vw), 4px);
  --spacing-large: clamp(32px, calc(22.2591px + 2.5907vw), 72px);
  --spacing-medium: clamp(24px, calc(16.2073px + 2.0725vw), 56px);
  --spacing-small: clamp(16px, calc(12.1036px + 1.0363vw), 32px);
  --spacing-x-large: clamp(40px, calc(18.5699px + 5.6995vw), 128px);
  --spacing-x-small: clamp(14px, calc(12.5389px + 0.3886vw), 20px);

  /* Colours: the kit's base mode. 0 of the schema's roles are unbound (KTD5). */
  --color-border-active: var(--color-content-accent-primary);
  --color-border-active-secondary: color-mix(in oklab, var(--color-content-accent-primary) 45%, transparent);
  --color-border-alpha: var(--color-border-default);
  --color-border-default: rgba(10,28,42,.12);
  --color-border-default-secondary: color-mix(in oklab, var(--color-border-default) 55%, transparent);
  --color-button-border: var(--color-content-accent-primary);
  --color-button-border-hover: var(--color-content-accent-secondary);
  --color-button-secondary-border: var(--color-border-default);
  --color-button-secondary-border-hover: var(--color-content-accent-primary);
  --color-button-secondary-surface: transparent;
  --color-button-secondary-surface-hover: var(--color-surface-dark);
  --color-button-secondary-text: var(--color-text-default);
  --color-button-secondary-text-hover: var(--color-content-accent-primary);
  --color-button-surface: var(--color-content-accent-primary);
  --color-button-surface-hover: var(--color-content-accent-secondary);
  --color-button-text: var(--color-surface-background);
  --color-button-text-hover: var(--color-surface-background);
  --color-content-accent-inverse: var(--color-surface-background);
  --color-content-accent-primary: #0F6B88;
  --color-content-accent-secondary: #17A2C9;
  --color-extended-tag-primary: color-mix(in oklab, var(--color-content-accent-primary) 14%, var(--color-surface-background));
  --color-false: #A8322A;
  --color-false-light: color-mix(in oklab, var(--color-false) 14%, var(--color-surface-background));
  --color-rating-stars: var(--color-content-accent-secondary);
  --color-surface-accent: var(--color-content-accent-primary);
  --color-surface-accent-inverse: var(--color-surface-background);
  --color-surface-alpha-dark: rgba(255,255,255,.52);
  --color-surface-alpha-x-dark: rgba(255,255,255,.82);
  --color-surface-background: #E6EAEE;
  --color-surface-dark: #DBE1E7;
  --color-surface-x-dark: color-mix(in oklab, var(--color-text-default) 7%, var(--color-surface-background));
  --color-surface-xx-dark: color-mix(in oklab, var(--color-text-default) 13%, var(--color-surface-background));
  --color-surface-xxx-dark: color-mix(in oklab, var(--color-text-default) 20%, var(--color-surface-background));
  --color-text-alt: var(--color-surface-background);
  --color-text-default: #0A1620;
  --color-text-faint: #77899A;
  --color-text-link: var(--color-content-accent-primary);
  --color-text-muted: #47596A;
  --color-toggle-border-off: var(--color-border-default);
  --color-toggle-border-on: var(--color-content-accent-primary);
  --color-toggle-surface-off: var(--color-surface-dark);
  --color-toggle-surface-on: var(--color-content-accent-primary);
  --color-toggle-thumb-border-off: var(--color-border-default);
  --color-toggle-thumb-border-on: var(--color-content-accent-primary);
  --color-toggle-thumb-surface: var(--color-surface-background);
  --color-true: #12735A;
  --color-true-light: color-mix(in oklab, var(--color-true) 14%, var(--color-surface-background));
}

/* A page gets the inverse palette from the reader's colour scheme, without opting in (AE2). */
@media (prefers-color-scheme: dark) {
  :root {
    --color-border-active: var(--color-content-accent-primary);
    --color-border-active-secondary: color-mix(in oklab, var(--color-content-accent-primary) 45%, transparent);
    --color-border-alpha: var(--color-border-default);
    --color-border-default: rgba(255,255,255,.09);
    --color-border-default-secondary: color-mix(in oklab, var(--color-border-default) 55%, transparent);
    --color-button-border: var(--color-content-accent-primary);
    --color-button-border-hover: var(--color-content-accent-secondary);
    --color-button-secondary-border: var(--color-border-default);
    --color-button-secondary-border-hover: var(--color-content-accent-primary);
    --color-button-secondary-surface: transparent;
    --color-button-secondary-surface-hover: var(--color-surface-dark);
    --color-button-secondary-text: var(--color-text-default);
    --color-button-secondary-text-hover: var(--color-content-accent-primary);
    --color-button-surface: var(--color-content-accent-primary);
    --color-button-surface-hover: var(--color-content-accent-secondary);
    --color-button-text: var(--color-surface-background);
    --color-button-text-hover: var(--color-surface-background);
    --color-content-accent-inverse: var(--color-surface-background);
    --color-content-accent-primary: #35C5E8;
    --color-content-accent-secondary: #77E2F7;
    --color-extended-tag-primary: color-mix(in oklab, var(--color-content-accent-primary) 14%, var(--color-surface-background));
    --color-false: #FF8175;
    --color-false-light: color-mix(in oklab, var(--color-false) 14%, var(--color-surface-background));
    --color-rating-stars: var(--color-content-accent-secondary);
    --color-surface-accent: var(--color-content-accent-primary);
    --color-surface-accent-inverse: var(--color-surface-background);
    --color-surface-alpha-dark: rgba(255,255,255,.04);
    --color-surface-alpha-x-dark: rgba(16,28,38,.82);
    --color-surface-background: #04080C;
    --color-surface-dark: rgba(255,255,255,.05);
    --color-surface-x-dark: color-mix(in oklab, var(--color-text-default) 7%, var(--color-surface-background));
    --color-surface-xx-dark: color-mix(in oklab, var(--color-text-default) 13%, var(--color-surface-background));
    --color-surface-xxx-dark: color-mix(in oklab, var(--color-text-default) 20%, var(--color-surface-background));
    --color-text-alt: var(--color-surface-background);
    --color-text-default: #DFEBF2;
    --color-text-faint: #647A88;
    --color-text-link: var(--color-content-accent-primary);
    --color-text-muted: #8CA3B2;
    --color-toggle-border-off: var(--color-border-default);
    --color-toggle-border-on: var(--color-content-accent-primary);
    --color-toggle-surface-off: var(--color-surface-dark);
    --color-toggle-surface-on: var(--color-content-accent-primary);
    --color-toggle-thumb-border-off: var(--color-border-default);
    --color-toggle-thumb-border-on: var(--color-content-accent-primary);
    --color-toggle-thumb-surface: var(--color-surface-background);
    --color-true: #45D6A8;
    --color-true-light: color-mix(in oklab, var(--color-true) 14%, var(--color-surface-background));
  }
}

/* Opt-in mode scopes. An explicit scope beats the colour-scheme preference above. */
.ante-base {
  --color-border-active: var(--color-content-accent-primary);
  --color-border-active-secondary: color-mix(in oklab, var(--color-content-accent-primary) 45%, transparent);
  --color-border-alpha: var(--color-border-default);
  --color-border-default: rgba(10,28,42,.12);
  --color-border-default-secondary: color-mix(in oklab, var(--color-border-default) 55%, transparent);
  --color-button-border: var(--color-content-accent-primary);
  --color-button-border-hover: var(--color-content-accent-secondary);
  --color-button-secondary-border: var(--color-border-default);
  --color-button-secondary-border-hover: var(--color-content-accent-primary);
  --color-button-secondary-surface: transparent;
  --color-button-secondary-surface-hover: var(--color-surface-dark);
  --color-button-secondary-text: var(--color-text-default);
  --color-button-secondary-text-hover: var(--color-content-accent-primary);
  --color-button-surface: var(--color-content-accent-primary);
  --color-button-surface-hover: var(--color-content-accent-secondary);
  --color-button-text: var(--color-surface-background);
  --color-button-text-hover: var(--color-surface-background);
  --color-content-accent-inverse: var(--color-surface-background);
  --color-content-accent-primary: #0F6B88;
  --color-content-accent-secondary: #17A2C9;
  --color-extended-tag-primary: color-mix(in oklab, var(--color-content-accent-primary) 14%, var(--color-surface-background));
  --color-false: #A8322A;
  --color-false-light: color-mix(in oklab, var(--color-false) 14%, var(--color-surface-background));
  --color-rating-stars: var(--color-content-accent-secondary);
  --color-surface-accent: var(--color-content-accent-primary);
  --color-surface-accent-inverse: var(--color-surface-background);
  --color-surface-alpha-dark: rgba(255,255,255,.52);
  --color-surface-alpha-x-dark: rgba(255,255,255,.82);
  --color-surface-background: #E6EAEE;
  --color-surface-dark: #DBE1E7;
  --color-surface-x-dark: color-mix(in oklab, var(--color-text-default) 7%, var(--color-surface-background));
  --color-surface-xx-dark: color-mix(in oklab, var(--color-text-default) 13%, var(--color-surface-background));
  --color-surface-xxx-dark: color-mix(in oklab, var(--color-text-default) 20%, var(--color-surface-background));
  --color-text-alt: var(--color-surface-background);
  --color-text-default: #0A1620;
  --color-text-faint: #77899A;
  --color-text-link: var(--color-content-accent-primary);
  --color-text-muted: #47596A;
  --color-toggle-border-off: var(--color-border-default);
  --color-toggle-border-on: var(--color-content-accent-primary);
  --color-toggle-surface-off: var(--color-surface-dark);
  --color-toggle-surface-on: var(--color-content-accent-primary);
  --color-toggle-thumb-border-off: var(--color-border-default);
  --color-toggle-thumb-border-on: var(--color-content-accent-primary);
  --color-toggle-thumb-surface: var(--color-surface-background);
  --color-true: #12735A;
  --color-true-light: color-mix(in oklab, var(--color-true) 14%, var(--color-surface-background));
}

/* "brand" reuses base until the kit binds values for it. */
.ante-brand {
  --color-border-active: var(--color-content-accent-primary);
  --color-border-active-secondary: color-mix(in oklab, var(--color-content-accent-primary) 45%, transparent);
  --color-border-alpha: var(--color-border-default);
  --color-border-default: rgba(10,28,42,.12);
  --color-border-default-secondary: color-mix(in oklab, var(--color-border-default) 55%, transparent);
  --color-button-border: var(--color-content-accent-primary);
  --color-button-border-hover: var(--color-content-accent-secondary);
  --color-button-secondary-border: var(--color-border-default);
  --color-button-secondary-border-hover: var(--color-content-accent-primary);
  --color-button-secondary-surface: transparent;
  --color-button-secondary-surface-hover: var(--color-surface-dark);
  --color-button-secondary-text: var(--color-text-default);
  --color-button-secondary-text-hover: var(--color-content-accent-primary);
  --color-button-surface: var(--color-content-accent-primary);
  --color-button-surface-hover: var(--color-content-accent-secondary);
  --color-button-text: var(--color-surface-background);
  --color-button-text-hover: var(--color-surface-background);
  --color-content-accent-inverse: var(--color-surface-background);
  --color-content-accent-primary: #0F6B88;
  --color-content-accent-secondary: #17A2C9;
  --color-extended-tag-primary: color-mix(in oklab, var(--color-content-accent-primary) 14%, var(--color-surface-background));
  --color-false: #A8322A;
  --color-false-light: color-mix(in oklab, var(--color-false) 14%, var(--color-surface-background));
  --color-rating-stars: var(--color-content-accent-secondary);
  --color-surface-accent: var(--color-content-accent-primary);
  --color-surface-accent-inverse: var(--color-surface-background);
  --color-surface-alpha-dark: rgba(255,255,255,.52);
  --color-surface-alpha-x-dark: rgba(255,255,255,.82);
  --color-surface-background: #E6EAEE;
  --color-surface-dark: #DBE1E7;
  --color-surface-x-dark: color-mix(in oklab, var(--color-text-default) 7%, var(--color-surface-background));
  --color-surface-xx-dark: color-mix(in oklab, var(--color-text-default) 13%, var(--color-surface-background));
  --color-surface-xxx-dark: color-mix(in oklab, var(--color-text-default) 20%, var(--color-surface-background));
  --color-text-alt: var(--color-surface-background);
  --color-text-default: #0A1620;
  --color-text-faint: #77899A;
  --color-text-link: var(--color-content-accent-primary);
  --color-text-muted: #47596A;
  --color-toggle-border-off: var(--color-border-default);
  --color-toggle-border-on: var(--color-content-accent-primary);
  --color-toggle-surface-off: var(--color-surface-dark);
  --color-toggle-surface-on: var(--color-content-accent-primary);
  --color-toggle-thumb-border-off: var(--color-border-default);
  --color-toggle-thumb-border-on: var(--color-content-accent-primary);
  --color-toggle-thumb-surface: var(--color-surface-background);
  --color-true: #12735A;
  --color-true-light: color-mix(in oklab, var(--color-true) 14%, var(--color-surface-background));
}

.ante-inverse {
  --color-border-active: var(--color-content-accent-primary);
  --color-border-active-secondary: color-mix(in oklab, var(--color-content-accent-primary) 45%, transparent);
  --color-border-alpha: var(--color-border-default);
  --color-border-default: rgba(255,255,255,.09);
  --color-border-default-secondary: color-mix(in oklab, var(--color-border-default) 55%, transparent);
  --color-button-border: var(--color-content-accent-primary);
  --color-button-border-hover: var(--color-content-accent-secondary);
  --color-button-secondary-border: var(--color-border-default);
  --color-button-secondary-border-hover: var(--color-content-accent-primary);
  --color-button-secondary-surface: transparent;
  --color-button-secondary-surface-hover: var(--color-surface-dark);
  --color-button-secondary-text: var(--color-text-default);
  --color-button-secondary-text-hover: var(--color-content-accent-primary);
  --color-button-surface: var(--color-content-accent-primary);
  --color-button-surface-hover: var(--color-content-accent-secondary);
  --color-button-text: var(--color-surface-background);
  --color-button-text-hover: var(--color-surface-background);
  --color-content-accent-inverse: var(--color-surface-background);
  --color-content-accent-primary: #35C5E8;
  --color-content-accent-secondary: #77E2F7;
  --color-extended-tag-primary: color-mix(in oklab, var(--color-content-accent-primary) 14%, var(--color-surface-background));
  --color-false: #FF8175;
  --color-false-light: color-mix(in oklab, var(--color-false) 14%, var(--color-surface-background));
  --color-rating-stars: var(--color-content-accent-secondary);
  --color-surface-accent: var(--color-content-accent-primary);
  --color-surface-accent-inverse: var(--color-surface-background);
  --color-surface-alpha-dark: rgba(255,255,255,.04);
  --color-surface-alpha-x-dark: rgba(16,28,38,.82);
  --color-surface-background: #04080C;
  --color-surface-dark: rgba(255,255,255,.05);
  --color-surface-x-dark: color-mix(in oklab, var(--color-text-default) 7%, var(--color-surface-background));
  --color-surface-xx-dark: color-mix(in oklab, var(--color-text-default) 13%, var(--color-surface-background));
  --color-surface-xxx-dark: color-mix(in oklab, var(--color-text-default) 20%, var(--color-surface-background));
  --color-text-alt: var(--color-surface-background);
  --color-text-default: #DFEBF2;
  --color-text-faint: #647A88;
  --color-text-link: var(--color-content-accent-primary);
  --color-text-muted: #8CA3B2;
  --color-toggle-border-off: var(--color-border-default);
  --color-toggle-border-on: var(--color-content-accent-primary);
  --color-toggle-surface-off: var(--color-surface-dark);
  --color-toggle-surface-on: var(--color-content-accent-primary);
  --color-toggle-thumb-border-off: var(--color-border-default);
  --color-toggle-thumb-border-on: var(--color-content-accent-primary);
  --color-toggle-thumb-surface: var(--color-surface-background);
  --color-true: #45D6A8;
  --color-true-light: color-mix(in oklab, var(--color-true) 14%, var(--color-surface-background));
}

/* Type classes, on an opt-in class so linking this file restyles no bare element (KTD10). */
.ante-body-base {
  font-family: var(--font-base);
  font-size: var(--font-size-body-base);
  font-weight: var(--weight-base-medium);
  line-height: 1.48;
  letter-spacing: 0.02em;
}

.ante-body-base-bold {
  font-family: var(--font-base);
  font-size: var(--font-size-body-base);
  font-weight: var(--weight-base-semibold);
  line-height: 1.48;
  letter-spacing: 0.02em;
}

.ante-body-large {
  font-family: var(--font-base);
  font-size: var(--font-size-body-large);
  font-weight: var(--weight-base-medium);
  line-height: 1.46;
  letter-spacing: 0.02em;
}

.ante-body-large-bold {
  font-family: var(--font-base);
  font-size: var(--font-size-body-large);
  font-weight: var(--weight-base-semibold);
  line-height: 1.46;
  letter-spacing: 0.02em;
}

.ante-body-small {
  font-family: var(--font-base);
  font-size: var(--font-size-body-small);
  font-weight: var(--weight-base-medium);
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.ante-body-small-bold {
  font-family: var(--font-base);
  font-size: var(--font-size-body-small);
  font-weight: var(--weight-base-semibold);
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.ante-body-x-small {
  font-family: var(--font-base);
  font-size: var(--font-size-body-x-small);
  font-weight: var(--weight-base-medium);
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.ante-body-x-small-bold {
  font-family: var(--font-base);
  font-size: var(--font-size-body-x-small);
  font-weight: var(--weight-base-semibold);
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.ante-callout-base {
  font-family: var(--font-base);
  font-size: var(--font-size-heading-h4);
  font-weight: var(--weight-base-bold);
  line-height: 1.25;
  letter-spacing: 0em;
}

.ante-callout-large {
  font-family: var(--font-base);
  font-size: var(--font-size-heading-h3);
  font-weight: var(--weight-base-bold);
  line-height: 1.1;
  letter-spacing: 0em;
}

.ante-callout-small {
  font-family: var(--font-base);
  font-size: var(--font-size-heading-h5);
  font-weight: var(--weight-base-bold);
  line-height: 1.25;
  letter-spacing: 0em;
}

.ante-small {
  font-family: var(--font-caption);
  font-size: var(--font-size-caption-small);
  font-weight: var(--weight-caption-semibold);
  line-height: 1.25;
  letter-spacing: 0.02em;
}

.ante-x-small {
  font-family: var(--font-caption);
  font-size: var(--font-size-caption-x-small);
  font-weight: var(--weight-caption-semibold);
  line-height: 1.25;
  letter-spacing: 0.02em;
}

.ante-display {
  font-family: var(--font-heading);
  font-size: var(--font-size-display-1);
  font-weight: var(--weight-heading-semibold);
  line-height: 1.1;
  letter-spacing: 0em;
}

.ante-display-bold {
  font-family: var(--font-heading);
  font-size: var(--font-size-display-1);
  font-weight: var(--weight-heading-heavy);
  line-height: 1.1;
  letter-spacing: 0em;
  text-transform: uppercase;
}

.ante-h1 {
  font-family: var(--font-heading);
  font-size: var(--font-size-heading-h1);
  font-weight: var(--weight-heading-heavy);
  line-height: 1.1;
  letter-spacing: 0em;
}

.ante-h1-bold {
  font-family: var(--font-heading);
  font-size: var(--font-size-heading-h1);
  font-weight: var(--weight-heading-heavy);
  line-height: 1.1;
  letter-spacing: 0em;
  text-transform: uppercase;
}

.ante-h2 {
  font-family: var(--font-heading);
  font-size: var(--font-size-heading-h2);
  font-weight: var(--weight-heading-heavy);
  line-height: 1.2;
  letter-spacing: 0em;
}

.ante-h2-bold {
  font-family: var(--font-heading);
  font-size: var(--font-size-heading-h2);
  font-weight: var(--weight-heading-heavy);
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: uppercase;
}

.ante-h3 {
  font-family: var(--font-heading);
  font-size: var(--font-size-heading-h3);
  font-weight: var(--weight-heading-heavy);
  line-height: 1.2;
  letter-spacing: 0em;
}

.ante-h3-bold {
  font-family: var(--font-heading);
  font-size: var(--font-size-heading-h3);
  font-weight: var(--weight-heading-heavy);
  line-height: 1.3;
  letter-spacing: 0em;
  text-transform: uppercase;
}

.ante-h4 {
  font-family: var(--font-heading);
  font-size: var(--font-size-heading-h4);
  font-weight: var(--weight-heading-heavy);
  line-height: 1.3;
  letter-spacing: 0em;
}

.ante-h4-bold {
  font-family: var(--font-heading);
  font-size: var(--font-size-heading-h4);
  font-weight: var(--weight-heading-heavy);
  line-height: 1.3;
  letter-spacing: 0em;
  text-transform: uppercase;
}

.ante-h5 {
  font-family: var(--font-heading);
  font-size: var(--font-size-heading-h5);
  font-weight: var(--weight-heading-heavy);
  line-height: 1.3;
  letter-spacing: 0em;
}

.ante-h5-bold {
  font-family: var(--font-heading);
  font-size: var(--font-size-heading-h5);
  font-weight: var(--weight-heading-heavy);
  line-height: 1.3;
  letter-spacing: 0em;
  text-transform: uppercase;
}

.ante-h6 {
  font-family: var(--font-heading);
  font-size: var(--font-size-heading-h6);
  font-weight: var(--weight-heading-heavy);
  line-height: 1.25;
  letter-spacing: 0em;
}

.ante-h6-bold {
  font-family: var(--font-heading);
  font-size: var(--font-size-heading-h6);
  font-weight: var(--weight-heading-heavy);
  line-height: 1.25;
  letter-spacing: 0em;
  text-transform: uppercase;
}

.ante-tag-small {
  font-family: var(--font-caption);
  font-size: var(--font-size-body-small);
  font-weight: var(--weight-caption-medium);
  line-height: 1;
  letter-spacing: 0.02em;
}

.ante-tag-x-small {
  font-family: var(--font-caption);
  font-size: var(--font-size-body-x-small);
  font-weight: var(--weight-caption-medium);
  line-height: 1;
  letter-spacing: 0.02em;
}