/* Generated from brands/ — do not edit. Run `npm run build` to regenerate. */

:root {
  /* Color primitives */
  --color-sol-50: #fffdf0;
  --color-sol-100: #fff8cc;
  --color-sol-200: #fff1a3;
  --color-sol-300: #ffe87a;
  --color-sol-400: #ffdb57;
  --color-sol-500: #ffd22d;
  --color-sol-600: #fcd900;
  --color-sol-700: #ccaa00;
  --color-sol-800: #8a7200;
  --color-sol-900: #574800;
  --color-vestegn-50: #eef3ff;
  --color-vestegn-100: #dce6ff;
  --color-vestegn-200: #b9cbff;
  --color-vestegn-300: #8ba7f5;
  --color-vestegn-400: #4877dd;
  --color-vestegn-500: #1a4fc4;
  --color-vestegn-600: #002c92;
  --color-vestegn-700: #012273;
  --color-vestegn-800: #071f56;
  --color-vestegn-900: #05173d;
  --color-sydsiden-400: #01b9ff;
  --color-sydsiden-500: #0095d6;
  --color-cleansheet-300: #ff7575;
  --color-cleansheet-400: #ff4c4c;
  --color-cleansheet-500: #e82424;
  --color-cleansheet-600: #b91818;
  --color-champagne-50: #fffdf7;
  --color-champagne-100: #fdf8e3;
  --color-champagne-200: #faf0cd;
  --color-champagne-300: #f5e5a8;
  --color-champagne-400: #edd477;
  --color-champagne-500: #dcb94a;
  --color-champagne-600: #b8962d;
  --color-champagne-700: #8a6f1f;
  --color-champagne-800: #5c4a13;
  --color-champagne-900: #2e2509;
  --color-bigstone-400: #3a4572;
  --color-bigstone-500: #262f54;
  --color-bigstone-600: #161d3a;
  --color-bigstone-700: #0f1428;
  --color-bigstone-800: #090c18;
  --color-sunglow-300: #fde57d;
  --color-sunglow-400: #fddb56;
  --color-sunglow-500: #fdd332;
  --color-sunglow-600: #e0b81a;
  --color-sunglow-700: #b09010;
  --color-green-100: #d1f5df;
  --color-green-300: #6fde9b;
  --color-green-500: #18a957;
  --color-green-600: #0f8644;
  --color-green-700: #0b6434;
  --color-amber-400: #ffa61a;
  --color-kakao-100: #f4ede6;
  --color-kakao-200: #e4d3c2;
  --color-kakao-300: #c8a982;
  --color-kakao-400: #9f7748;
  --color-kakao-500: #75502a;
  --color-kakao-600: #4f3520;
  --color-kakao-700: #3a261a;
  --color-kakao-800: #2a1a10;
  --color-kakao-900: #1a0e08;
  --color-havre-200: #ecdcb6;
  --color-havre-300: #d8bf8b;
  --color-havre-400: #c4a572;
  --color-havre-500: #ad8a55;
  --color-havre-600: #8c6d3e;
  --color-grey-0: #ffffff;
  --color-grey-50: #fafafa;
  --color-grey-100: #f0f0f0;
  --color-grey-200: #e4e4e4;
  --color-grey-300: #d1d1d1;
  --color-grey-400: #a3a3a3;
  --color-grey-500: #737373;
  --color-grey-600: #525252;
  --color-grey-700: #404040;
  --color-grey-800: #262626;
  --color-grey-900: #171717;
  --color-grey-1000: #101010;

  /* Fonts */
  --font-druk-heavy: "Druk Heavy", Impact, sans-serif;
  --font-druk-text: "Druk Text", Impact, sans-serif;
  --font-inter: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-big-shoulders-display: "Big Shoulders Display", Impact, sans-serif;
  --font-mono-stack: ui-monospace, "SF Mono", Menlo, monospace;

  /* Tracking (letter-spacing) */
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-subtle: 0.01em;
  --tracking-wide: 0.02em;
  --tracking-wider: 0.04em;
  --tracking-loose: 0.08em;
  --tracking-tracked: 0.12em;

  /* Typography scale */
  --text-display-xl: 4.5rem;
  --text-display-xl--line-height: 1;
  --text-display-xl--letter-spacing: var(--tracking-wide);
  --text-display-lg: 3.5rem;
  --text-display-lg--line-height: 1;
  --text-display-lg--letter-spacing: var(--tracking-wide);
  --text-display-md: 2.5rem;
  --text-display-md--line-height: 1.05;
  --text-display-md--letter-spacing: var(--tracking-wide);
  --text-display-sm: 2rem;
  --text-display-sm--line-height: 1.1;
  --text-display-sm--letter-spacing: var(--tracking-wide);
  --text-heading-lg: 2rem;
  --text-heading-lg--line-height: 1.2;
  --text-heading-lg--letter-spacing: var(--tracking-subtle);
  --text-heading-md: 1.5rem;
  --text-heading-md--line-height: 1.25;
  --text-heading-md--letter-spacing: var(--tracking-subtle);
  --text-heading-sm: 1.125rem;
  --text-heading-sm--line-height: 1.3;
  --text-heading-sm--letter-spacing: var(--tracking-wide);
  --text-body-lg: 1.125rem;
  --text-body-lg--line-height: 1.6;
  --text-body: 1rem;
  --text-body--line-height: 1.6;
  --text-body-sm: 0.875rem;
  --text-body-sm--line-height: 1.5;
  --text-label: 0.875rem;
  --text-label--line-height: 1.25;
  --text-label--letter-spacing: var(--tracking-wide);
  --text-eyebrow: 0.75rem;
  --text-eyebrow--line-height: 1.25;
  --text-eyebrow--letter-spacing: var(--tracking-tracked);

  /* Radius */
  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-full: 9999px;

  /* Shadow */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.5);
  --shadow-md: 0 1px 4px 0 rgb(0 0 0 / 0.75);
  --shadow-lg: 0 2px 8px 0 rgb(0 0 0 / 0.9);

  /* Text shadow */
  --text-shadow-overlay: 1px 2px 8px rgb(0 0 0 / 0.8);

  /* Border width */
  --border-width-sm: 1px;
  --border-width-md: 2px;
  --border-width-lg: 4px;

  /* Space */
  --space-control-x: 1rem;
  --space-control-y: 0.625rem;
  --space-card: 1.5rem;
  --space-container-x: clamp(1rem, 4vw, 2rem);
  --space-section-y-sm: clamp(1.5rem, 4vw, 2.5rem);
  --space-section-y-md: clamp(2.5rem, 6vw, 4rem);
  --space-section-y-lg: clamp(4rem, 10vw, 6rem);
  --space-block-y-sm: clamp(0.5rem, 1.5vw, 0.75rem);
  --space-block-y-md: clamp(0.75rem, 2.5vw, 1.25rem);
  --space-block-y-lg: clamp(1.25rem, 4vw, 2rem);

  /* Container widths */
  --container-narrow: 48rem;
  --container-default: 80rem;
  --container-wide: 96rem;

  /* Motion */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-out-expo: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-deliberate: 400ms;
  --duration-extended: 700ms;

  /* Semantic colors */
  --color-primary: var(--color-sol-600);
  --color-primary-hover: var(--color-sol-700);
  --color-primary-active: var(--color-sol-800);
  --color-on-primary: var(--color-vestegn-800);
  --color-secondary: var(--color-vestegn-800);
  --color-secondary-hover: var(--color-vestegn-600);
  --color-secondary-active: var(--color-vestegn-900);
  --color-on-secondary: var(--color-sol-600);
  --color-accent: var(--color-sydsiden-400);
  --color-on-accent: var(--color-vestegn-900);
  --color-surface: var(--color-grey-0);
  --color-surface-sunken: var(--color-grey-100);
  --color-surface-raised: var(--color-grey-0);
  --color-surface-inverse-soft: var(--color-vestegn-700);
  --color-surface-inverse-mid: var(--color-vestegn-800);
  --color-surface-inverse-deep: var(--color-vestegn-900);
  --color-on-inverse: var(--color-grey-0);
  --color-text: var(--color-grey-1000);
  --color-text-muted: var(--color-grey-500);
  --color-text-subtle: var(--color-grey-400);
  --color-text-inverse: var(--color-grey-0);
  --color-text-inverse-muted: var(--color-grey-300);
  --color-text-inverse-subtle: var(--color-grey-400);
  --color-border: var(--color-grey-200);
  --color-border-strong: var(--color-grey-400);
  --color-border-subtle: var(--color-grey-100);
  --color-border-inverse: var(--color-grey-300);
  --color-border-inverse-subtle: var(--color-grey-500);
  --color-success: var(--color-green-500);
  --color-success-hover: var(--color-green-600);
  --color-on-success: var(--color-grey-0);
  --color-danger: var(--color-cleansheet-400);
  --color-danger-hover: var(--color-cleansheet-500);
  --color-on-danger: var(--color-grey-0);
  --color-warning: var(--color-amber-400);
  --color-on-warning: var(--color-grey-1000);
  --color-focus: var(--color-sydsiden-400);

  /* Semantic fonts */
  --font-display: var(--font-druk-heavy);
  --font-heading: var(--font-druk-text);
  --font-body: var(--font-inter);
  --font-label: var(--font-inter);
  --font-nav: var(--font-inter);
  --font-mono: var(--font-mono-stack);

  /* Semantic tracking */
  --tracking-display: var(--tracking-wide);
  --tracking-heading: var(--tracking-subtle);
  --tracking-body: var(--tracking-normal);
  --tracking-label: var(--tracking-wide);
  --tracking-button: var(--tracking-wider);
  --tracking-nav: var(--tracking-loose);
  --tracking-eyebrow: var(--tracking-tracked);

  /* Chart palette */
  --chart-1: var(--color-sol-600);
  --chart-2: var(--color-vestegn-600);
  --chart-3: var(--color-sydsiden-400);
  --chart-4: var(--color-cleansheet-400);
  --chart-5: var(--color-green-500);
  --chart-6: var(--color-amber-400);
  --chart-7: var(--color-bigstone-400);
}

:root[data-brand="brondby-if"], [data-brand="brondby-if"] {
  /* Semantic colors */
  --color-primary: var(--color-sol-600);
  --color-primary-hover: var(--color-sol-700);
  --color-primary-active: var(--color-sol-800);
  --color-on-primary: var(--color-vestegn-800);
  --color-secondary: var(--color-vestegn-800);
  --color-secondary-hover: var(--color-vestegn-600);
  --color-secondary-active: var(--color-vestegn-900);
  --color-on-secondary: var(--color-sol-600);
  --color-accent: var(--color-sydsiden-400);
  --color-on-accent: var(--color-vestegn-900);
  --color-surface: var(--color-grey-0);
  --color-surface-sunken: var(--color-grey-100);
  --color-surface-raised: var(--color-grey-0);
  --color-surface-inverse-soft: var(--color-vestegn-700);
  --color-surface-inverse-mid: var(--color-vestegn-800);
  --color-surface-inverse-deep: var(--color-vestegn-900);
  --color-on-inverse: var(--color-grey-0);
  --color-text: var(--color-grey-1000);
  --color-text-muted: var(--color-grey-500);
  --color-text-subtle: var(--color-grey-400);
  --color-text-inverse: var(--color-grey-0);
  --color-text-inverse-muted: var(--color-grey-300);
  --color-text-inverse-subtle: var(--color-grey-400);
  --color-border: var(--color-grey-200);
  --color-border-strong: var(--color-grey-400);
  --color-border-subtle: var(--color-grey-100);
  --color-border-inverse: var(--color-grey-300);
  --color-border-inverse-subtle: var(--color-grey-500);
  --color-success: var(--color-green-500);
  --color-success-hover: var(--color-green-600);
  --color-on-success: var(--color-grey-0);
  --color-danger: var(--color-cleansheet-400);
  --color-danger-hover: var(--color-cleansheet-500);
  --color-on-danger: var(--color-grey-0);
  --color-warning: var(--color-amber-400);
  --color-on-warning: var(--color-grey-1000);
  --color-focus: var(--color-sydsiden-400);

  /* Semantic fonts */
  --font-display: var(--font-druk-heavy);
  --font-heading: var(--font-druk-text);
  --font-body: var(--font-inter);
  --font-label: var(--font-inter);
  --font-nav: var(--font-inter);
  --font-mono: var(--font-mono-stack);

  /* Semantic tracking */
  --tracking-display: var(--tracking-wide);
  --tracking-heading: var(--tracking-subtle);
  --tracking-body: var(--tracking-normal);
  --tracking-label: var(--tracking-wide);
  --tracking-button: var(--tracking-wider);
  --tracking-nav: var(--tracking-loose);
  --tracking-eyebrow: var(--tracking-tracked);

  /* Chart palette */
  --chart-1: var(--color-sol-600);
  --chart-2: var(--color-vestegn-600);
  --chart-3: var(--color-sydsiden-400);
  --chart-4: var(--color-cleansheet-400);
  --chart-5: var(--color-green-500);
  --chart-6: var(--color-amber-400);
  --chart-7: var(--color-bigstone-400);
}

:root[data-brand="financial"], [data-brand="financial"] {
  /* Semantic colors */
  --color-primary: var(--color-grey-300);
  --color-primary-hover: var(--color-grey-400);
  --color-primary-active: var(--color-grey-500);
  --color-on-primary: var(--color-grey-1000);
  --color-secondary: var(--color-grey-800);
  --color-secondary-hover: var(--color-grey-600);
  --color-secondary-active: var(--color-grey-900);
  --color-on-secondary: var(--color-grey-0);
  --color-accent: var(--color-vestegn-500);
  --color-on-accent: var(--color-grey-0);
  --color-surface: var(--color-grey-0);
  --color-surface-sunken: var(--color-grey-100);
  --color-surface-raised: var(--color-grey-0);
  --color-surface-inverse-soft: var(--color-grey-800);
  --color-surface-inverse-mid: var(--color-grey-900);
  --color-surface-inverse-deep: var(--color-grey-1000);
  --color-on-inverse: var(--color-grey-0);
  --color-text: var(--color-grey-1000);
  --color-text-muted: var(--color-grey-500);
  --color-text-subtle: var(--color-grey-400);
  --color-text-inverse: var(--color-grey-0);
  --color-text-inverse-muted: var(--color-grey-300);
  --color-text-inverse-subtle: var(--color-grey-400);
  --color-border: var(--color-grey-200);
  --color-border-strong: var(--color-grey-400);
  --color-border-subtle: var(--color-grey-100);
  --color-border-inverse: var(--color-grey-300);
  --color-border-inverse-subtle: var(--color-grey-500);
  --color-success: var(--color-green-600);
  --color-success-hover: var(--color-green-700);
  --color-on-success: var(--color-grey-0);
  --color-danger: var(--color-cleansheet-500);
  --color-danger-hover: var(--color-cleansheet-600);
  --color-on-danger: var(--color-grey-0);
  --color-warning: var(--color-amber-400);
  --color-on-warning: var(--color-grey-1000);
  --color-focus: var(--color-vestegn-500);

  /* Semantic fonts */
  --font-display: var(--font-inter);
  --font-heading: var(--font-inter);
  --font-body: var(--font-inter);
  --font-label: var(--font-inter);
  --font-nav: var(--font-inter);
  --font-mono: var(--font-mono-stack);

  /* Semantic tracking */
  --tracking-display: var(--tracking-wide);
  --tracking-heading: var(--tracking-subtle);
  --tracking-body: var(--tracking-normal);
  --tracking-label: var(--tracking-wide);
  --tracking-button: var(--tracking-wider);
  --tracking-nav: var(--tracking-loose);
  --tracking-eyebrow: var(--tracking-tracked);

  /* Chart palette */
  --chart-1: var(--color-vestegn-500);
  --chart-2: var(--color-grey-700);
  --chart-3: var(--color-vestegn-300);
  --chart-4: var(--color-grey-600);
  --chart-5: var(--color-grey-300);
  --chart-6: var(--color-grey-800);
  --chart-7: var(--color-grey-400);
}

:root[data-brand="herrer"], [data-brand="herrer"] {
  /* Semantic colors */
  --color-primary: var(--color-sunglow-500);
  --color-primary-hover: var(--color-sunglow-600);
  --color-primary-active: var(--color-sunglow-700);
  --color-on-primary: var(--color-bigstone-600);
  --color-secondary: var(--color-bigstone-600);
  --color-secondary-hover: var(--color-bigstone-500);
  --color-secondary-active: var(--color-bigstone-700);
  --color-on-secondary: var(--color-sunglow-500);
  --color-accent: var(--color-sydsiden-400);
  --color-on-accent: var(--color-vestegn-900);
  --color-surface: var(--color-grey-0);
  --color-surface-sunken: var(--color-grey-100);
  --color-surface-raised: var(--color-grey-0);
  --color-surface-inverse-soft: var(--color-bigstone-600);
  --color-surface-inverse-mid: var(--color-bigstone-700);
  --color-surface-inverse-deep: var(--color-bigstone-800);
  --color-on-inverse: var(--color-grey-0);
  --color-text: var(--color-grey-1000);
  --color-text-muted: var(--color-grey-500);
  --color-text-subtle: var(--color-grey-400);
  --color-text-inverse: var(--color-grey-0);
  --color-text-inverse-muted: var(--color-grey-300);
  --color-text-inverse-subtle: var(--color-grey-400);
  --color-border: var(--color-grey-200);
  --color-border-strong: var(--color-grey-400);
  --color-border-subtle: var(--color-grey-100);
  --color-border-inverse: var(--color-grey-300);
  --color-border-inverse-subtle: var(--color-grey-500);
  --color-success: var(--color-green-500);
  --color-success-hover: var(--color-green-600);
  --color-on-success: var(--color-grey-0);
  --color-danger: var(--color-cleansheet-400);
  --color-danger-hover: var(--color-cleansheet-500);
  --color-on-danger: var(--color-grey-0);
  --color-warning: var(--color-amber-400);
  --color-on-warning: var(--color-grey-1000);
  --color-focus: var(--color-sydsiden-400);

  /* Semantic fonts */
  --font-display: var(--font-druk-heavy);
  --font-heading: var(--font-druk-text);
  --font-body: var(--font-inter);
  --font-label: var(--font-inter);
  --font-nav: var(--font-inter);
  --font-mono: var(--font-mono-stack);

  /* Semantic tracking */
  --tracking-display: var(--tracking-wide);
  --tracking-heading: var(--tracking-subtle);
  --tracking-body: var(--tracking-normal);
  --tracking-label: var(--tracking-wide);
  --tracking-button: var(--tracking-wider);
  --tracking-nav: var(--tracking-loose);
  --tracking-eyebrow: var(--tracking-tracked);

  /* Chart palette */
  --chart-1: var(--color-sol-600);
  --chart-2: var(--color-vestegn-600);
  --chart-3: var(--color-sydsiden-400);
  --chart-4: var(--color-cleansheet-400);
  --chart-5: var(--color-green-500);
  --chart-6: var(--color-amber-400);
  --chart-7: var(--color-bigstone-400);
}

:root[data-brand="kvinder"], [data-brand="kvinder"] {
  /* Semantic colors */
  --color-primary: var(--color-champagne-200);
  --color-primary-hover: var(--color-champagne-300);
  --color-primary-active: var(--color-champagne-400);
  --color-on-primary: var(--color-bigstone-600);
  --color-secondary: var(--color-bigstone-600);
  --color-secondary-hover: var(--color-bigstone-500);
  --color-secondary-active: var(--color-bigstone-700);
  --color-on-secondary: var(--color-champagne-200);
  --color-accent: var(--color-sydsiden-400);
  --color-on-accent: var(--color-vestegn-900);
  --color-surface: var(--color-grey-0);
  --color-surface-sunken: var(--color-champagne-100);
  --color-surface-raised: var(--color-grey-0);
  --color-surface-inverse-soft: var(--color-bigstone-600);
  --color-surface-inverse-mid: var(--color-bigstone-700);
  --color-surface-inverse-deep: var(--color-bigstone-800);
  --color-on-inverse: var(--color-grey-0);
  --color-text: var(--color-grey-1000);
  --color-text-muted: var(--color-grey-500);
  --color-text-subtle: var(--color-grey-400);
  --color-text-inverse: var(--color-grey-0);
  --color-text-inverse-muted: var(--color-grey-300);
  --color-text-inverse-subtle: var(--color-grey-400);
  --color-border: var(--color-grey-200);
  --color-border-strong: var(--color-grey-400);
  --color-border-subtle: var(--color-grey-100);
  --color-border-inverse: var(--color-grey-300);
  --color-border-inverse-subtle: var(--color-grey-500);
  --color-success: var(--color-green-500);
  --color-success-hover: var(--color-green-600);
  --color-on-success: var(--color-grey-0);
  --color-danger: var(--color-cleansheet-400);
  --color-danger-hover: var(--color-cleansheet-500);
  --color-on-danger: var(--color-grey-0);
  --color-warning: var(--color-amber-400);
  --color-on-warning: var(--color-grey-1000);
  --color-focus: var(--color-sydsiden-400);

  /* Semantic fonts */
  --font-display: var(--font-druk-heavy);
  --font-heading: var(--font-druk-text);
  --font-body: var(--font-inter);
  --font-label: var(--font-inter);
  --font-nav: var(--font-inter);
  --font-mono: var(--font-mono-stack);

  /* Semantic tracking */
  --tracking-display: var(--tracking-wide);
  --tracking-heading: var(--tracking-subtle);
  --tracking-body: var(--tracking-normal);
  --tracking-label: var(--tracking-wide);
  --tracking-button: var(--tracking-wider);
  --tracking-nav: var(--tracking-loose);
  --tracking-eyebrow: var(--tracking-tracked);

  /* Chart palette */
  --chart-1: var(--color-sol-600);
  --chart-2: var(--color-vestegn-600);
  --chart-3: var(--color-sydsiden-400);
  --chart-4: var(--color-cleansheet-400);
  --chart-5: var(--color-green-500);
  --chart-6: var(--color-amber-400);
  --chart-7: var(--color-bigstone-400);
}

:root[data-brand="udebane"], [data-brand="udebane"] {
  /* Semantic colors */
  --color-primary: var(--color-havre-400);
  --color-primary-hover: var(--color-havre-500);
  --color-primary-active: var(--color-havre-600);
  --color-on-primary: var(--color-kakao-800);
  --color-secondary: var(--color-kakao-700);
  --color-secondary-hover: var(--color-kakao-600);
  --color-secondary-active: var(--color-kakao-800);
  --color-on-secondary: var(--color-havre-300);
  --color-accent: var(--color-sydsiden-400);
  --color-on-accent: var(--color-vestegn-900);
  --color-surface: var(--color-kakao-100);
  --color-surface-sunken: var(--color-havre-200);
  --color-surface-raised: var(--color-kakao-100);
  --color-surface-inverse-soft: var(--color-kakao-700);
  --color-surface-inverse-mid: var(--color-kakao-800);
  --color-surface-inverse-deep: var(--color-kakao-900);
  --color-on-inverse: var(--color-havre-300);
  --color-text: var(--color-kakao-900);
  --color-text-muted: var(--color-kakao-500);
  --color-text-subtle: var(--color-kakao-400);
  --color-text-inverse: var(--color-grey-0);
  --color-text-inverse-muted: var(--color-havre-200);
  --color-text-inverse-subtle: var(--color-kakao-300);
  --color-border: var(--color-kakao-200);
  --color-border-strong: var(--color-kakao-500);
  --color-border-subtle: var(--color-havre-200);
  --color-border-inverse: var(--color-grey-300);
  --color-border-inverse-subtle: var(--color-grey-500);
  --color-success: var(--color-green-500);
  --color-success-hover: var(--color-green-600);
  --color-on-success: var(--color-grey-0);
  --color-danger: var(--color-cleansheet-400);
  --color-danger-hover: var(--color-cleansheet-500);
  --color-on-danger: var(--color-grey-0);
  --color-warning: var(--color-amber-400);
  --color-on-warning: var(--color-grey-1000);
  --color-focus: var(--color-sydsiden-400);

  /* Semantic fonts */
  --font-display: var(--font-big-shoulders-display);
  --font-heading: var(--font-druk-text);
  --font-body: var(--font-inter);
  --font-label: var(--font-inter);
  --font-nav: var(--font-inter);
  --font-mono: var(--font-mono-stack);

  /* Semantic tracking */
  --tracking-display: var(--tracking-wide);
  --tracking-heading: var(--tracking-subtle);
  --tracking-body: var(--tracking-normal);
  --tracking-label: var(--tracking-wide);
  --tracking-button: var(--tracking-wider);
  --tracking-nav: var(--tracking-loose);
  --tracking-eyebrow: var(--tracking-tracked);

  /* Chart palette */
  --chart-1: var(--color-havre-400);
  --chart-2: var(--color-kakao-700);
  --chart-3: var(--color-vestegn-600);
  --chart-4: var(--color-cleansheet-400);
  --chart-5: var(--color-green-500);
  --chart-6: var(--color-amber-400);
  --chart-7: var(--color-kakao-300);
}