/**
 * Genome's design tokens.
 *
 * GENERATED — do not edit. Run `npm run genome:tokens` after each Supernova
 * token sync to regenerate it.
 *
 * Source: raw-tokens-tailwind/ in this repository, which is what Supernova writes and what
 * src/components/ reads. Genome and the component library therefore resolve
 * every token to the same value by construction; they cannot drift apart.
 *
 * Only the Tailwind wrappers are translated (@theme -> :root, @utility
 * theme-light -> .theme-light). Names, values and comments are carried through
 * unchanged, so every name on a Genome page is a name a developer can find in
 * Everlab's codebase.
 */

/* ─── tailwind.root.css ─────────────────────────────────────────── */

:root {
  --ds-oklch-color-br-neutral-tertiary-100: 0 0 0;
  /* OKLCH utility for Card that apply only for M and L */
  --ds-oklch-color-components-card-default-br: 0 0 0;

  /* Space */
  /* Card interactive component — gap between list items.
Component type: Pattern
https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=3175-3831 */
  --ds-spacing-components-card-interactive-itemlist-gap: 12px;
  --ds-spacing-components-focus-ring-outline-offset: 2px;
  /* Form component (address form).
Component type: Feature
https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=89-6480 */
  --ds-spacing-components-form-fields-gap: 16px;
  /* ⚠ Replaced — OTP component now uses space/2xs.
Component type: Feature
https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=142-5607 */
  --ds-spacing-components-form-otp-input-gap: 8px;
  /* List item interactive component.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=29728-607 */
  --ds-spacing-components-list-interactive-padding-left-right-2xl: 0px;
  /* List item interactive component.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=29728-607 */
  --ds-spacing-components-list-interactive-padding-left-right-l: 0px;
  /* List item interactive component.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=29728-607 */
  --ds-spacing-components-list-interactive-padding-left-right-m: 0px;
  /* List item interactive component.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=29728-607 */
  --ds-spacing-components-list-interactive-padding-left-right-s: 0px;
  /* List item interactive component.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=29728-607 */
  --ds-spacing-components-list-interactive-padding-left-right-xl: 0px;
  /* Modal full — footer padding.
Component type: Pattern
https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-26492 */
  --ds-spacing-components-overlay-padding-small: 16px;
  /* Modal full — questionnaire header.
Component type: Pattern
https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=6759-49599 */
  --ds-spacing-components-questionnaire-left-right-padding: 32px;
  /* Modal full — questionnaire header.
Component type: Pattern
https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=6759-49599 */
  --ds-spacing-components-questionnaire-top-padding: 12px;
  /* Tab component — pill variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3332-217109 */
  --ds-spacing-components-tab-pill-md-gap: 8px;
  /* Tab component — pill variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3332-217109 */
  --ds-spacing-components-tab-pill-md-padding-left-right: 16px;
  /* Tab component — pill variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3332-217109 */
  --ds-spacing-components-tab-pill-sm-gap: 4px;
  /* Tab component — pill variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3332-217109 */
  --ds-spacing-components-tab-pill-sm-padding-left-right: 12px;
  /* Tab component — segmented controls variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3332-63536 */
  --ds-spacing-components-tab-segmented-controls-padding-left-right: 20px;
  /* Tab component — segmented controls variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3332-63536 */
  --ds-spacing-components-tab-segmented-controls-padding-top-bottom: 12px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-spacing-components-tab-underlined-md-gap: 8px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-spacing-components-tab-underlined-md-padding-left-right: 16px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-spacing-components-tab-underlined-sm-gap: 8px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-spacing-components-tab-underlined-sm-padding-left-right: 12px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-spacing-components-tab-underlined-sm-padding-top-bottom: 8px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-spacing-components-tab-underlined-xs-gap: 4px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-spacing-components-tab-underlined-xs-padding-left-right: 8px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-spacing-components-tab-underlined-xs-padding-top-bottom: 8px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-spacing-interactive-gap-2xs: 4px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-spacing-interactive-gap-lg: 16px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-spacing-interactive-gap-md: 10px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-spacing-interactive-gap-sm: 8px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-spacing-interactive-gap-xs: 4px;
  --ds-spacing-layout-body-module-group: 0px;
  /* Top padding for the page body area, below the navigation bar — scales per breakpoint. */
  --ds-spacing-layout-body-padding-top: 0px;
  /* Gap between major sections within the page container, largest spacing tier.
https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
  --ds-spacing-layout-container-gap-xl: 24px;
  /* Horizontal padding for the outer page container — keeps content clear of the left and right edges, scales per breakpoint.
https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
  --ds-spacing-layout-container-padding-left-right: 16px;
  /* Vertical padding for the outer page container — keeps content clear of the top and bottom edges, scales per breakpoint.
https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
  --ds-spacing-layout-container-padding-top-bottom: 24px;
  /* Gap between content blocks within the page body — general spacing primitive, scales per breakpoint. */
  --ds-spacing-layout-content-gap: 36px;
  /* Module info panel component — padding.
Component type: Pattern
https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-79476 */
  --ds-spacing-layout-info-panel-padding: 16px;
  /* List item interactive component — negative gap variant.
Component type: Pattern
https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
  --ds-spacing-layout-item-negative-gap: 0px;
  /* List item interactive component — positive gap variant.
Component type: Pattern
https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
  --ds-spacing-layout-item-positive-gap: 8px;
  /* Menu component — item list gap.
Component type: Pattern
https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
  --ds-spacing-layout-itemlist-gap: 2px;
  /* List item interactive component — horizontal padding (auto size variant).
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=32611-20529 */
  --ds-spacing-layout-list-interactive-padding-left-right: 0px;
  /* Card component — module gap.
Component type: Pattern
https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-25935 */
  --ds-spacing-layout-module-gap: 16px;
  /* Card component — module group gap.
Component type: Pattern
https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
  --ds-spacing-layout-modulegroup-gap: 28px;
  --ds-spacing-space-10xl: 128px;
  --ds-spacing-space-11xl: 160px;
  --ds-spacing-space-12xl: 192px;
  --ds-spacing-space-13xl: 256px;
  --ds-spacing-space-14xl: 512px;
  --ds-spacing-space-15xl: 640px;
  --ds-spacing-space-2xl: 40px;
  --ds-spacing-space-2xs: 8px;
  --ds-spacing-space-3xl: 48px;
  --ds-spacing-space-3xs: 6px;
  --ds-spacing-space-4xl: 56px;
  --ds-spacing-space-4xs: 4px;
  --ds-spacing-space-5xl: 64px;
  --ds-spacing-space-5xs: 2px;
  --ds-spacing-space-6xl: 72px;
  --ds-spacing-space-7xl: 80px;
  --ds-spacing-space-8xl: 96px;
  --ds-spacing-space-9xl: 112px;
  --ds-spacing-space-lg: 24px;
  --ds-spacing-space-md: 20px;
  --ds-spacing-space-none: 0px;
  --ds-spacing-space-sm: 16px;
  --ds-spacing-space-xl: 32px;
  --ds-spacing-space-xs: 12px;

  /* Size */
  /* Dropdown component.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=32604-16145 */
  --ds-spacing-components-dropdown-max-height: 10000px;
  /* Email template — applies to max-width (not indicated by token name).
Component type: Feature
https://www.figma.com/design/xPlMRQEmZg4SZwAOFfmGGg/Emails?node-id=3001-4557 */
  --ds-spacing-components-email: 512px;
  /* ⚠ Replaced — OTP component now uses interactive/height/md.
Component type: Feature
https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=142-5607 */
  --ds-spacing-components-form-otp-input: 48px;
  /* Hero banner component — Insights dashboard.
Component type: Feature
https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=649-34863 */
  --ds-spacing-components-hero-banner-height: 256px;
  --ds-spacing-components-overlay-drawer-max-width-lg: 800px;
  --ds-spacing-components-overlay-drawer-max-width-md: 640px;
  --ds-spacing-components-overlay-drawer-max-width-xl: 1080px;
  --ds-spacing-components-overlay-modal-max-width-lg: 10000px;
  --ds-spacing-components-overlay-modal-max-width-md: 10000px;
  --ds-spacing-components-overlay-modal-max-width-xl: 10000px;
  /* Tab component — pill variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3332-217109 */
  --ds-spacing-components-tab-pill-md-height: 36px;
  /* Tab component — pill variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3332-217109 */
  --ds-spacing-components-tab-pill-md-media: 20px;
  /* Tab component — pill variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3332-217109 */
  --ds-spacing-components-tab-pill-sm-height: 28px;
  /* Tab component — pill variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3332-217109 */
  --ds-spacing-components-tab-pill-sm-media: 16px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-spacing-components-tab-underlined-md-height: 44px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-spacing-components-tab-underlined-md-media: 20px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-spacing-components-tab-underlined-sm-height: 36px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-spacing-components-tab-underlined-sm-media: 16px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-spacing-components-tab-underlined-xs-height: 28px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-spacing-components-tab-underlined-xs-media: 16px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-spacing-interactive-height-2xs: 20px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-spacing-interactive-height-lg: 56px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-spacing-interactive-height-md: 44px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-spacing-interactive-height-sm: 36px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-spacing-interactive-height-xs: 28px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-spacing-interactive-media-2xs: 14px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-spacing-interactive-media-lg: 24px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-spacing-interactive-media-md: 24px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-spacing-interactive-media-sm: 20px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-spacing-interactive-media-xs: 16px;
  /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint. */
  --ds-spacing-layout-container-max-width-2xs: 10000px;
  /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
Live example: Insights → 'Biomarkers + Wearable (live)' page → 'Inisghts / L' → Body → Section group → Section → Container
https://www.figma.com/design/Af0I8xiStHdKp0dKV8Sdcz/Insights?node-id=21096-302272 */
  --ds-spacing-layout-container-max-width-lg: 1440px;
  /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
Live example: Insights → 'Biomarkers + Wearable (live)' page → 'Inisghts / M' → Body → Section group → Section → Container
https://www.figma.com/design/Af0I8xiStHdKp0dKV8Sdcz/Insights?node-id=21801-147983 */
  --ds-spacing-layout-container-max-width-md: 1280px;
  /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
Live example: Insights → 'Biomarkers + Wearable (live)' page → 'Inisghts / L' → Body → Section group → Section → Container
https://www.figma.com/design/Af0I8xiStHdKp0dKV8Sdcz/Insights?node-id=21096-302272 */
  --ds-spacing-layout-container-max-width-sm: 1080px;
  /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
  --ds-spacing-layout-container-max-width-xs: 800px;
  /* Module info panel component — max-width.
Component type: Pattern
https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-79476 */
  --ds-spacing-layout-info-panel-width: 10000px;
  /* Menu component — max-width.
Component type: Pattern
https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2329-2756 */
  --ds-spacing-layout-menu-max-width: 10000px;
  /* Fixed viewport height — applies to max-height (not indicated by token name).
https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=9238-34104 */
  --ds-spacing-screen-fixed-height: 852px;
  --ds-spacing-screen-fixed-width: 393px;
  --ds-spacing-screen-max-width: 599px;
  --ds-spacing-screen-min-width: 320px;
  --ds-spacing-size-10xl: 160px;
  --ds-spacing-size-11xl: 192px;
  --ds-spacing-size-12xl: 256px;
  --ds-spacing-size-13xl: 320px;
  --ds-spacing-size-14xl: 384px;
  --ds-spacing-size-15xl: 448px;
  --ds-spacing-size-16xl: 512px;
  --ds-spacing-size-17xl: 640px;
  --ds-spacing-size-18xl: 800px;
  --ds-spacing-size-19xl: 1080px;
  --ds-spacing-size-2xl: 48px;
  --ds-spacing-size-2xs: 20px;
  --ds-spacing-size-3xl: 56px;
  --ds-spacing-size-3xs: 16px;
  --ds-spacing-size-4xl: 64px;
  --ds-spacing-size-4xs: 12px;
  --ds-spacing-size-5xl: 72px;
  --ds-spacing-size-5xs: 10px;
  --ds-spacing-size-6xl: 80px;
  --ds-spacing-size-6xs: 8px;
  --ds-spacing-size-7xl: 96px;
  --ds-spacing-size-7xs: 6px;
  --ds-spacing-size-8xl: 112px;
  --ds-spacing-size-8xs: 4px;
  --ds-spacing-size-9xl: 128px;
  --ds-spacing-size-lg: 36px;
  --ds-spacing-size-md: 32px;
  --ds-spacing-size-none: 0px;
  --ds-spacing-size-sm: 28px;
  --ds-spacing-size-xl: 44px;
  --ds-spacing-size-xs: 24px;

  /* FontSize */
  --ds-text-font-size-body-100: 12px;
  --ds-text-font-size-body-200: 14px;
  --ds-text-font-size-body-300: 16px;
  --ds-text-font-size-body-400: 18px;
  --ds-text-font-size-body-50: 10px;
  --ds-text-font-size-body-500: 20px;
  --ds-text-font-size-body-600: 24px;
  --ds-text-font-size-display-100: 20px;
  --ds-text-font-size-display-200: 26px;
  --ds-text-font-size-display-300: 36px;
  --ds-text-font-size-display-400: 32px;
  --ds-text-font-size-display-secondary-100: 20px;
  --ds-text-font-size-display-secondary-200: 26px;
  --ds-text-font-size-display-secondary-300: 36px;
  --ds-text-font-size-display-secondary-400: 40px;
  --ds-text-font-size-headlines-100: 10px;
  --ds-text-font-size-headlines-200: 10px;
  --ds-text-font-size-headlines-300: 12px;
  --ds-text-font-size-headlines-400: 14px;
  --ds-text-font-size-headlines-500: 16px;
  --ds-text-font-size-headlines-600: 18px;
  --ds-text-font-size-headlines-700: 24px;
  --ds-text-font-size-headlines-800: 32px;
  --ds-text-font-size-headlines-secondary-100: 10px;
  --ds-text-font-size-headlines-secondary-200: 10px;
  --ds-text-font-size-headlines-secondary-300: 12px;
  --ds-text-font-size-headlines-secondary-400: 14px;
  --ds-text-font-size-headlines-secondary-500: 16px;
  --ds-text-font-size-headlines-secondary-600: 32px;
  --ds-text-font-size-headlines-secondary-700: 36px;
  --ds-text-font-size-headlines-secondary-800: 36px;
  --ds-text-font-size-label-100: 12px;
  --ds-text-font-size-label-200: 14px;
  --ds-text-font-size-label-300: 16px;
  --ds-text-font-size-label-400: 20px;

  /* LineHeight */
  --ds-leading-font-line-height-body-100: 14px;
  --ds-leading-font-line-height-body-200: 18px;
  --ds-leading-font-line-height-body-300: 20px;
  --ds-leading-font-line-height-body-400: 22px;
  --ds-leading-font-line-height-body-50: 12px;
  --ds-leading-font-line-height-body-500: 24px;
  --ds-leading-font-line-height-body-600: 26px;
  --ds-leading-font-line-height-display-100: 22px;
  --ds-leading-font-line-height-display-200: 28px;
  --ds-leading-font-line-height-display-300: 38px;
  --ds-leading-font-line-height-display-400: 32px;
  --ds-leading-font-line-height-display-secondary-100: 22px;
  --ds-leading-font-line-height-display-secondary-200: 28px;
  --ds-leading-font-line-height-display-secondary-300: 38px;
  --ds-leading-font-line-height-display-secondary-400: 40px;
  --ds-leading-font-line-height-headlines-100: 14px;
  --ds-leading-font-line-height-headlines-200: 14px;
  --ds-leading-font-line-height-headlines-300: 16px;
  --ds-leading-font-line-height-headlines-400: 18px;
  --ds-leading-font-line-height-headlines-500: 20px;
  --ds-leading-font-line-height-headlines-600: 22px;
  --ds-leading-font-line-height-headlines-700: 24px;
  --ds-leading-font-line-height-headlines-800: 32px;
  --ds-leading-font-line-height-headlines-secondary-100: 14px;
  --ds-leading-font-line-height-headlines-secondary-200: 14px;
  --ds-leading-font-line-height-headlines-secondary-300: 16px;
  --ds-leading-font-line-height-headlines-secondary-400: 18px;
  --ds-leading-font-line-height-headlines-secondary-500: 20px;
  --ds-leading-font-line-height-headlines-secondary-600: 26px;
  --ds-leading-font-line-height-headlines-secondary-700: 36px;
  --ds-leading-font-line-height-headlines-secondary-800: 36px;
  --ds-leading-font-line-height-label-100: 14px;
  --ds-leading-font-line-height-label-200: 16px;
  --ds-leading-font-line-height-label-300: 18px;
  --ds-leading-font-line-height-label-400: 24px;

  /* BorderRadius */
  --ds-radius-2xl: 16px;
  --ds-radius-2xs: 4px;
  --ds-radius-3xl: 20px;
  --ds-radius-4xl: 24px;
  --ds-radius-5xl: 32px;
  --ds-radius-components-dropdown-radius: 12px;
  --ds-radius-components-overlay-modal-corner: 20px;
  /* Tab component — pill variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3332-217109 */
  --ds-radius-components-tab-pill-md-radius: 10000px;
  /* Tab component — pill variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3332-217109 */
  --ds-radius-components-tab-pill-sm-radius: 10000px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-radius-components-tab-underlined-sm-radius: 10px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-radius-components-tab-underlined-xs-radius: 6px;
  --ds-radius-full: 10000px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-radius-interactive-radius-2xs: 6px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-radius-interactive-radius-lg: 14px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-radius-interactive-radius-md: 12px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-radius-interactive-radius-sm: 10px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-radius-interactive-radius-xs: 8px;
  /* TBC — no live binding found across Core, Patterns, DS26 Feature, Plan/Prescription, and Insights. */
  --ds-radius-layout-body-corner-top-left: 0px;
  --ds-radius-lg: 12px;
  --ds-radius-md: 10px;
  --ds-radius-none: 0px;
  --ds-radius-sm: 8px;
  --ds-radius-xl: 14px;
  --ds-radius-xs: 6px;

  /* BorderWidth */
  --ds-border-2xl: 3px;
  --ds-border-components-card-invert-border-size-md: 1px;
  --ds-border-components-card-invert-border-size-sm: 0.5px;
  /* Tab component — pill variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3332-217109 */
  --ds-border-components-tab-pill-md-border: 2px;
  /* Tab component — pill variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3332-217109 */
  --ds-border-components-tab-pill-sm-border: 1px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-border-components-tab-underlined-md-border: 1px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-border-components-tab-underlined-sm-border: 1px;
  /* Tab component — underlined variant.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=3317-35718 */
  --ds-border-components-tab-underlined-xs-border: 1px;
  --ds-border-focus-ring: 2px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-border-interactive-border-2xs: 1px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-border-interactive-border-lg: 2px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-border-interactive-border-md: 1.5px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-border-interactive-border-sm: 1px;
  /* Shared sizing scale for interactive elements — ensures components of the same size tier (xs/sm/md/lg) stay visually cohesive when placed together. Confirmed consumers: Button, Input field, Tab, Badge, Chip. Likely to gain more over time — check all bound components before renaming or deleting.
Component type: Core
https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=30497-1511 */
  --ds-border-interactive-border-xs: 1px;
  /* ⚠ Not bound to any live component — border width appears hardcoded/unbound on "Module info panel" rather than token-driven. Not the same slot as components/info panel/border (that one controls border color, a different property). */
  --ds-border-layout-info-panel-border: 0px;
  --ds-border-lg: 1.5px;
  --ds-border-md: 1px;
  --ds-border-none: 0px;
  --ds-border-sm: 0.5px;
  --ds-border-xl: 2px;

  /* LetterSpacing */
  --ds-tracking-font-letter-spacing-extend: 1px;
  --ds-tracking-font-letter-spacing-normal: 0px;
  --ds-tracking-font-letter-spacing-tight: -1px;

  /* FontWeight */
  --ds-font-weight-font-weight-black: 800;
  --ds-font-weight-font-weight-bold: 700;
  --ds-font-weight-font-weight-medium: 570;
  --ds-font-weight-font-weight-regular: 380;

  /* FontFamily */
  --ds-font-family-fallback-primary: "Arial";
  --ds-font-family-fallback-secondary: "Helvetica";
  --ds-font-family-fallback-teritary: "Courier New";
  --ds-font-family-primary: "Tobias";
  --ds-font-family-secondary: "Saans";
  --ds-font-family-tertiary: "Saans Mono";

  /* Color */
  --ds-color-bg-brand-black-100: oklch(0% 0 0);
  --ds-color-bg-brand-black-200: oklch(23.93% 0 263.28);
  --ds-color-bg-brand-black-300: oklch(28.09% 0 263.28);
  --ds-color-bg-brand-blood-primary-100: oklch(19.03% 0.056 24.11);
  --ds-color-bg-brand-blood-primary-200: oklch(22.83% 0.052 22.07);
  --ds-color-bg-brand-blood-primary-300: oklch(32% 0.042 19.61);
  --ds-color-bg-brand-blue-primary-100: oklch(55.35% 0.135 257.48);
  --ds-color-bg-brand-blue-primary-200: oklch(55.35% 0.135 257.48);
  --ds-color-bg-brand-blue-primary-300: oklch(41.65% 0.124 257.95);
  --ds-color-bg-brand-blue-secondary-100: oklch(96.36% 0.018 253.39);
  --ds-color-bg-brand-blue-secondary-200: oklch(84.88% 0.043 257.15);
  --ds-color-bg-brand-blue-secondary-300: oklch(66.6% 0.092 256.66);
  --ds-color-bg-brand-earth-primary-100: oklch(56.48% 0.009 99.08);
  --ds-color-bg-brand-earth-primary-200: oklch(61.69% 0.012 89.81);
  --ds-color-bg-brand-earth-primary-300: oklch(74.31% 0.013 79.76);
  --ds-color-bg-brand-earth-secondary-100: oklch(95.54% 0.006 42.83);
  --ds-color-bg-brand-earth-secondary-200: oklch(86.4% 0.013 71.25);
  --ds-color-bg-brand-earth-secondary-300: oklch(80.41% 0.013 75.31);
  --ds-color-bg-brand-orange-primary-100: oklch(77.1% 0.147 47.79);
  --ds-color-bg-brand-orange-primary-200: oklch(72.5% 0.181 45.29);
  --ds-color-bg-brand-orange-primary-300: oklch(70.16% 0.199 43.02);
  --ds-color-bg-brand-orange-secondary-100: oklch(92.33% 0.044 50.36);
  --ds-color-bg-brand-orange-secondary-200: oklch(88.52% 0.067 49.8);
  --ds-color-bg-brand-orange-secondary-300: oklch(85.05% 0.09 49.69);
  --ds-color-bg-brand-red-primary-100: oklch(94.54% 0.027 14.72);
  --ds-color-bg-brand-red-primary-200: oklch(74.47% 0.153 18.05);
  --ds-color-bg-brand-red-primary-300: oklch(67.85% 0.208 21.78);
  --ds-color-bg-brand-two-1: oklch(86.76% 0.07 291.12);
  --ds-color-bg-brand-two-2: oklch(83.79% 0.067 290.59);
  --ds-color-bg-brand-two-3: oklch(77.07% 0.063 291.08);
  --ds-color-bg-brand-yellow-primary-100: oklch(86.67% 0.148 85.34);
  --ds-color-bg-brand-yellow-primary-200: oklch(92.15% 0.09 87.17);
  --ds-color-bg-brand-yellow-primary-300: oklch(97.14% 0.034 88.79);
  --ds-color-bg-brand-yellow-secondary-100: oklch(97.14% 0.034 88.79);
  --ds-color-bg-brand-yellow-secondary-200: oklch(92.15% 0.09 87.17);
  --ds-color-bg-brand-yellow-secondary-300: oklch(86.67% 0.148 85.34);
  --ds-color-bg-category-1: oklch(96.18% 0.021 88.74);
  --ds-color-bg-category-2: oklch(95.33% 0.02 221.03);
  --ds-color-bg-category-3: oklch(94.82% 0.03 52.64);
  --ds-color-bg-category-4: oklch(93.54% 0.031 340.42);
  --ds-color-bg-category-5: oklch(96.91% 0.024 104.32);
  --ds-color-bg-category-6: oklch(94.07% 0.014 27.75);
  --ds-color-bg-emphasis-light: oklch(0% 0 0 / 8%);
  --ds-color-bg-emphasis-medium: oklch(0% 0 0 / 12%);
  --ds-color-bg-emphasis-strong: oklch(0% 0 0 / 16%);
  --ds-color-bg-neutral-primary-100: oklch(0% 0 0);
  --ds-color-bg-neutral-primary-200: oklch(0% 0 0 / 64%);
  --ds-color-bg-neutral-primary-300: oklch(0% 0 0 / 48%);
  --ds-color-bg-neutral-primary-invert-100: oklch(100% 0 263.28);
  --ds-color-bg-neutral-primary-invert-200: oklch(100% 0 263.28 / 64%);
  --ds-color-bg-neutral-primary-invert-300: oklch(100% 0 263.28 / 48%);
  --ds-color-bg-neutral-secondary-100: oklch(0% 0 0 / 8%);
  --ds-color-bg-neutral-secondary-200: oklch(0% 0 0 / 12%);
  --ds-color-bg-neutral-secondary-300: oklch(0% 0 0 / 16%);
  --ds-color-bg-neutral-secondary-invert-100: oklch(100% 0 263.28 / 8%);
  --ds-color-bg-neutral-secondary-invert-200: oklch(100% 0 263.28 / 12%);
  --ds-color-bg-neutral-secondary-invert-300: oklch(100% 0 263.28 / 16%);
  --ds-color-bg-neutral-tertiary-100: oklch(0% 0 0 / 4%);
  --ds-color-bg-neutral-tertiary-200: oklch(0% 0 0 / 8%);
  --ds-color-bg-neutral-tertiary-300: oklch(0% 0 0 / 12%);
  --ds-color-bg-neutral-tertiary-invert-100: oklch(100% 0 263.28 / 4%);
  --ds-color-bg-neutral-tertiary-invert-200: oklch(100% 0 263.28 / 8%);
  --ds-color-bg-neutral-tertiary-invert-300: oklch(100% 0 263.28 / 12%);
  --ds-color-bg-overlay-blanket-100: oklch(0% 0 0 / 24%);
  --ds-color-bg-overlay-blanket-200: oklch(0% 0 0 / 64%);
  --ds-color-bg-overlay-blanket-300: oklch(0% 0 0 / 72%);
  --ds-color-bg-overlay-blanket-400: oklch(0% 0 0 / 88%);
  --ds-color-bg-overlay-blanket-invert-100: oklch(100% 0 263.28 / 24%);
  --ds-color-bg-overlay-blanket-invert-200: oklch(100% 0 263.28 / 64%);
  --ds-color-bg-overlay-blanket-invert-300: oklch(100% 0 263.28 / 72%);
  --ds-color-bg-overlay-blanket-invert-400: oklch(100% 0 263.28 / 96%);
  --ds-color-bg-range-optimal-primary-100: oklch(64.9% 0.169 149.65);
  --ds-color-bg-range-optimal-primary-200: oklch(84.31% 0.134 153.88);
  --ds-color-bg-range-optimal-primary-300: oklch(78.93% 0.181 151.31);
  --ds-color-bg-range-optimal-primary-invert-100: oklch(79.39% 0.129 153.87);
  --ds-color-bg-range-optimal-secondary-100: oklch(97.25% 0.023 157.81);
  --ds-color-bg-range-optimal-secondary-200: oklch(89.2% 0.091 155.76);
  --ds-color-bg-range-optimal-secondary-300: oklch(84.31% 0.134 153.88);
  --ds-color-bg-range-optimal-secondary-invert-100: oklch(27.62% 0.059 152.27);
  --ds-color-bg-range-out-of-range-primary-100: oklch(57.76% 0.236 28.33);
  --ds-color-bg-range-out-of-range-primary-200: oklch(63.4% 0.249 26.77);
  --ds-color-bg-range-out-of-range-primary-300: oklch(64.91% 0.234 24.47);
  --ds-color-bg-range-out-of-range-secondary-100: oklch(94.54% 0.027 14.72);
  --ds-color-bg-range-out-of-range-secondary-200: oklch(83.95% 0.089 15.62);
  --ds-color-bg-range-out-of-range-secondary-300: oklch(74.47% 0.153 18.05);
  --ds-color-bg-range-suboptimal-primary-100: oklch(92.15% 0.09 87.17);
  --ds-color-bg-range-suboptimal-primary-200: oklch(86.67% 0.148 85.34);
  --ds-color-bg-range-suboptimal-primary-300: oklch(83.4% 0.142 85.56);
  --ds-color-bg-range-suboptimal-secondary-100: oklch(97.14% 0.034 88.79);
  --ds-color-bg-range-suboptimal-secondary-200: oklch(92.15% 0.09 87.17);
  --ds-color-bg-range-suboptimal-secondary-300: oklch(86.67% 0.148 85.34);
  --ds-color-bg-sentiment-negative-primary-100: oklch(56.93% 0.217 25.92);
  --ds-color-bg-sentiment-negative-primary-200: oklch(46.01% 0.171 25.56);
  --ds-color-bg-sentiment-negative-primary-300: oklch(36.26% 0.136 25.54);
  --ds-color-bg-sentiment-negative-secondary-100: oklch(96.91% 0.015 17.13);
  --ds-color-bg-sentiment-negative-secondary-200: oklch(91.35% 0.045 14.51);
  --ds-color-bg-sentiment-negative-secondary-300: oklch(83.98% 0.089 14.76);
  --ds-color-bg-sentiment-positive-primary-100: oklch(62.34% 0.166 148.11);
  --ds-color-bg-sentiment-positive-primary-200: oklch(52.72% 0.141 148.32);
  --ds-color-bg-sentiment-positive-primary-300: oklch(42.92% 0.116 148.15);
  --ds-color-bg-sentiment-positive-secondary-100: oklch(96.97% 0.033 153.84);
  --ds-color-bg-sentiment-positive-secondary-200: oklch(89.29% 0.104 152.07);
  --ds-color-bg-sentiment-positive-secondary-300: oklch(80.97% 0.152 150.47);
  --ds-color-bg-sentiment-warning-primary-100: oklch(66.02% 0.188 45.09);
  --ds-color-bg-sentiment-warning-primary-200: oklch(55.69% 0.156 46.01);
  --ds-color-bg-sentiment-warning-primary-300: oklch(44.73% 0.126 46.06);
  --ds-color-bg-sentiment-warning-secondary-100: oklch(96.86% 0.019 60.08);
  --ds-color-bg-sentiment-warning-secondary-200: oklch(91.05% 0.056 57.31);
  --ds-color-bg-sentiment-warning-secondary-300: oklch(83.57% 0.107 55.98);
  --ds-color-bg-static-black: oklch(0% 0 0);
  --ds-color-bg-static-white: oklch(100% 0 263.28);
  --ds-color-bg-surface-100: oklch(100% 0 263.28);
  --ds-color-bg-surface-200: oklch(98.51% 0 263.28);
  --ds-color-bg-surface-300: oklch(95.51% 0 263.28);
  --ds-color-bg-surface-gradient-0: oklch(100% 0 263.28 / 0%);
  --ds-color-bg-surface-invert-100: oklch(16.84% 0 263.28);
  --ds-color-bg-surface-invert-200: oklch(20.9% 0 263.28);
  --ds-color-bg-surface-invert-300: oklch(24.78% 0 263.28);
  --ds-color-bg-surface-neutral-white-100: oklch(0% 0 0 / 4%);
  --ds-color-bg-surface-neutral-white-200: oklch(0% 0 0 / 8%);
  --ds-color-br-brand-blue-primary-100: oklch(55.35% 0.135 257.48);
  --ds-color-br-brand-blue-primary-200: oklch(55.35% 0.135 257.48);
  --ds-color-br-brand-blue-primary-300: oklch(50.38% 0.156 258.2);
  --ds-color-br-brand-blue-secondary-100: oklch(96.36% 0.018 253.39);
  --ds-color-br-brand-blue-secondary-200: oklch(84.88% 0.043 257.15);
  --ds-color-br-brand-blue-secondary-300: oklch(66.6% 0.092 256.66);
  --ds-color-br-color: var(--ds-color-br-neutral-tertiary-100);
  --ds-color-br-neutral-black-100: oklch(0% 0 0);
  --ds-color-br-neutral-primary-100: oklch(0% 0 0);
  --ds-color-br-neutral-primary-200: oklch(0% 0 0 / 64%);
  --ds-color-br-neutral-primary-300: oklch(0% 0 0 / 48%);
  --ds-color-br-neutral-primary-invert-100: oklch(100% 0 263.28);
  --ds-color-br-neutral-primary-invert-200: oklch(100% 0 263.28 / 64%);
  --ds-color-br-neutral-primary-invert-300: oklch(100% 0 263.28 / 48%);
  --ds-color-br-neutral-secondary-100: oklch(0% 0 0 / 24%);
  --ds-color-br-neutral-secondary-200: oklch(0% 0 0 / 32%);
  --ds-color-br-neutral-secondary-300: oklch(0% 0 0 / 72%);
  --ds-color-br-neutral-secondary-invert-100: oklch(100% 0 263.28 / 24%);
  --ds-color-br-neutral-secondary-invert-200: oklch(100% 0 263.28 / 32%);
  --ds-color-br-neutral-secondary-invert-300: oklch(100% 0 263.28 / 72%);
  --ds-color-br-neutral-static-100: oklch(0% 0 0 / 64%);
  --ds-color-br-neutral-tertiary-100: oklch(0% 0 0 / 10%);
  --ds-color-br-neutral-tertiary-200: oklch(0% 0 0 / 24%);
  --ds-color-br-neutral-tertiary-300: oklch(0% 0 0 / 32%);
  --ds-color-br-neutral-tertiary-invert-100: oklch(100% 0 263.28 / 10%);
  --ds-color-br-neutral-tertiary-invert-200: oklch(100% 0 263.28 / 24%);
  --ds-color-br-neutral-tertiary-invert-300: oklch(100% 0 263.28 / 32%);
  --ds-color-br-sentiment-negative-100: oklch(56.93% 0.217 25.92);
  --ds-color-br-sentiment-negative-200: oklch(46.01% 0.171 25.56);
  --ds-color-br-sentiment-negative-300: oklch(36.26% 0.136 25.54);
  --ds-color-br-sentiment-positive-100: oklch(52.72% 0.141 148.32);
  --ds-color-br-sentiment-positive-200: oklch(42.92% 0.116 148.15);
  --ds-color-br-sentiment-positive-300: oklch(33.5% 0.094 147.79);
  --ds-color-br-sentiment-warning-100: oklch(55.69% 0.156 46.01);
  --ds-color-br-sentiment-warning-200: oklch(44.73% 0.126 46.06);
  --ds-color-br-sentiment-warning-300: oklch(34.92% 0.091 50.94);
  --ds-color-br-static-black: oklch(0% 0 0);
  --ds-color-br-static-white: oklch(100% 0 263.28);
  --ds-color-components-card-default-bg: var(--ds-color-bg-neutral-tertiary-100);
  /* Card that apply only for M and L */
  --ds-color-components-card-default-br: oklch(0% 0 0 / 6%);
  /* Card that apply only for M and L */
  --ds-color-components-card-invert-bg: var(--ds-color-bg-surface-100);
  --ds-color-components-chevron-100: oklch(0% 0 0 / 24%);
  --ds-color-components-chevron-200: oklch(0% 0 0 / 32%);
  --ds-color-components-chevron-300: oklch(0% 0 0 / 48%);
  --ds-color-components-divider-100: oklch(0% 0 0 / 8%);
  --ds-color-components-divider-200: oklch(0% 0 0 / 12%);
  --ds-color-components-divider-300: oklch(0% 0 0 / 16%);
  --ds-color-components-dropdown-bg: var(--ds-color-bg-surface-100);
  --ds-color-components-focus-ring-default: var(--ds-color-fg-neutral-primary-100);
  --ds-color-components-focus-ring-invert: var(--ds-color-fg-neutral-primary-invert-100);
  /* Card that apply only for M and L */
  --ds-color-components-info-panel-bg: var(--ds-color-bg-surface-100);
  /* Info panel component — border color.
Component type: Pattern
https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-79476 */
  --ds-color-components-info-panel-border: var(--ds-color-br-neutral-tertiary-100);
  --ds-color-components-input-bg: oklch(100% 0 263.28);
  /* Card that apply only for M and L */
  --ds-color-components-layout-bg-body: var(--ds-color-bg-surface-200);
  /* Card that apply only for M and L */
  --ds-color-components-layout-bg-content: var(--ds-color-bg-surface-100);
  --ds-color-components-modal-bg: var(--ds-color-bg-surface-100);
  --ds-color-components-organ-halo-align: oklch(100% 0 263.28 / 0%);
  --ds-color-components-organ-halo-old: oklch(81.38% 0.067 49.29 / 0%);
  --ds-color-components-organ-halo-young: oklch(70.1% 0.086 134.61 / 0%);
  --ds-color-components-organ-particle-100: oklch(23.41% 0.056 359.44);
  --ds-color-components-organ-particle-100-10: oklch(23.41% 0.056 359.44 / 10%);
  --ds-color-components-organ-particle-100-15: oklch(23.41% 0.056 359.44 / 15%);
  --ds-color-components-organ-particle-100-20: oklch(23.41% 0.056 359.44 / 20%);
  --ds-color-components-organ-particle-100-25: oklch(23.41% 0.056 359.44 / 25%);
  --ds-color-components-organ-particle-100-30: oklch(23.41% 0.056 359.44 / 30%);
  --ds-color-components-organ-particle-100-35: oklch(23.41% 0.056 359.44 / 35%);
  --ds-color-components-organ-particle-100-40: oklch(23.41% 0.056 359.44 / 40%);
  --ds-color-components-organ-particle-100-45: oklch(23.41% 0.056 359.44 / 45%);
  --ds-color-components-organ-particle-100-5: oklch(23.41% 0.056 359.44 / 5%);
  --ds-color-components-organ-particle-100-50: oklch(23.41% 0.056 359.44 / 50%);
  --ds-color-components-organ-particle-100-55: oklch(23.41% 0.056 359.44 / 55%);
  --ds-color-components-organ-particle-100-60: oklch(23.41% 0.056 359.44 / 60%);
  --ds-color-components-organ-particle-100-65: oklch(23.41% 0.056 359.44 / 65%);
  --ds-color-components-organ-particle-100-70: oklch(23.41% 0.056 359.44 / 70%);
  --ds-color-components-organ-particle-100-75: oklch(23.41% 0.056 359.44 / 75%);
  --ds-color-components-organ-particle-100-80: oklch(23.41% 0.056 359.44 / 80%);
  --ds-color-components-organ-particle-100-85: oklch(23.41% 0.056 359.44 / 85%);
  --ds-color-components-organ-particle-100-90: oklch(23.41% 0.056 359.44 / 90%);
  --ds-color-components-organ-particle-100-95: oklch(23.41% 0.056 359.44 / 95%);
  --ds-color-components-organ-particle-200-10: oklch(69.42% 0.075 18.04 / 10%);
  --ds-color-components-organ-particle-200-100: oklch(69.42% 0.075 18.04);
  --ds-color-components-organ-particle-200-15: oklch(69.42% 0.075 18.04 / 15%);
  --ds-color-components-organ-particle-200-20: oklch(69.42% 0.075 18.04 / 20%);
  --ds-color-components-organ-particle-200-25: oklch(69.42% 0.075 18.04 / 25%);
  --ds-color-components-organ-particle-200-30: oklch(69.42% 0.075 18.04 / 30%);
  --ds-color-components-organ-particle-200-35: oklch(69.42% 0.075 18.04 / 35%);
  --ds-color-components-organ-particle-200-40: oklch(69.42% 0.075 18.04 / 40%);
  --ds-color-components-organ-particle-200-45: oklch(69.42% 0.075 18.04 / 45%);
  --ds-color-components-organ-particle-200-5: oklch(69.42% 0.075 18.04 / 5%);
  --ds-color-components-organ-particle-200-50: oklch(69.42% 0.075 18.04 / 50%);
  --ds-color-components-organ-particle-200-55: oklch(69.42% 0.075 18.04 / 55%);
  --ds-color-components-organ-particle-200-60: oklch(69.42% 0.075 18.04 / 60%);
  --ds-color-components-organ-particle-200-65: oklch(69.42% 0.075 18.04 / 65%);
  --ds-color-components-organ-particle-200-70: oklch(69.42% 0.075 18.04 / 70%);
  --ds-color-components-organ-particle-200-75: oklch(69.42% 0.075 18.04 / 75%);
  --ds-color-components-organ-particle-200-80: oklch(69.42% 0.075 18.04 / 80%);
  --ds-color-components-organ-particle-200-85: oklch(69.42% 0.075 18.04 / 85%);
  --ds-color-components-organ-particle-200-90: oklch(69.42% 0.075 18.04 / 90%);
  --ds-color-components-organ-particle-200-95: oklch(69.42% 0.075 18.04 / 95%);
  --ds-color-components-organ-particle-300-10: oklch(36.52% 0.072 54.83 / 10%);
  --ds-color-components-organ-particle-300-100: oklch(36.52% 0.072 54.83);
  --ds-color-components-organ-particle-300-15: oklch(36.52% 0.072 54.83 / 15%);
  --ds-color-components-organ-particle-300-20: oklch(36.52% 0.072 54.83 / 20%);
  --ds-color-components-organ-particle-300-25: oklch(36.52% 0.072 54.83 / 25%);
  --ds-color-components-organ-particle-300-30: oklch(36.52% 0.072 54.83 / 30%);
  --ds-color-components-organ-particle-300-35: oklch(36.52% 0.072 54.83 / 35%);
  --ds-color-components-organ-particle-300-40: oklch(36.52% 0.072 54.83 / 40%);
  --ds-color-components-organ-particle-300-45: oklch(36.52% 0.072 54.83 / 45%);
  --ds-color-components-organ-particle-300-5: oklch(36.52% 0.072 54.83 / 5%);
  --ds-color-components-organ-particle-300-50: oklch(36.52% 0.072 54.83 / 50%);
  --ds-color-components-organ-particle-300-55: oklch(36.52% 0.072 54.83 / 55%);
  --ds-color-components-organ-particle-300-60: oklch(36.52% 0.072 54.83 / 60%);
  --ds-color-components-organ-particle-300-65: oklch(36.52% 0.072 54.83 / 65%);
  --ds-color-components-organ-particle-300-70: oklch(36.52% 0.072 54.83 / 70%);
  --ds-color-components-organ-particle-300-75: oklch(36.52% 0.072 54.83 / 75%);
  --ds-color-components-organ-particle-300-80: oklch(36.52% 0.072 54.83 / 80%);
  --ds-color-components-organ-particle-300-85: oklch(36.52% 0.072 54.83 / 85%);
  --ds-color-components-organ-particle-300-90: oklch(36.52% 0.072 54.83 / 90%);
  --ds-color-components-organ-particle-300-95: oklch(36.52% 0.072 54.83 / 95%);
  --ds-color-fg-brand-black-100: oklch(0% 0 0);
  --ds-color-fg-brand-black-200: oklch(23.93% 0 263.28);
  --ds-color-fg-brand-black-300: oklch(28.09% 0 263.28);
  --ds-color-fg-brand-blue-primary-100: oklch(55.35% 0.135 257.48);
  --ds-color-fg-brand-blue-primary-200: oklch(55.35% 0.135 257.48);
  --ds-color-fg-brand-blue-primary-300: oklch(50.38% 0.156 258.2);
  --ds-color-fg-brand-blue-secondary-100: oklch(96.36% 0.018 253.39);
  --ds-color-fg-brand-blue-secondary-200: oklch(84.88% 0.043 257.15);
  --ds-color-fg-brand-blue-secondary-300: oklch(66.6% 0.092 256.66);
  --ds-color-fg-brand-boltbold-1: oklch(89.03% 0.169 94.39);
  --ds-color-fg-brand-boltbold-2: oklch(85.89% 0.163 94.52);
  --ds-color-fg-brand-boltbold-3: oklch(79.02% 0.149 94.1);
  --ds-color-fg-brand-earth-primary-100: oklch(42.14% 0.014 63.03);
  --ds-color-fg-brand-earth-primary-200: oklch(56.48% 0.009 99.08);
  --ds-color-fg-brand-earth-primary-300: oklch(61.69% 0.012 89.81);
  --ds-color-fg-brand-earth-secondary-100: oklch(61.69% 0.012 89.81);
  --ds-color-fg-brand-earth-secondary-200: oklch(56.48% 0.009 99.08);
  --ds-color-fg-brand-earth-secondary-300: oklch(42.14% 0.014 63.03);
  --ds-color-fg-brand-electricpurple-1: oklch(48.17% 0.259 289.26);
  --ds-color-fg-brand-electricpurple-2: oklch(38.76% 0.206 289.83);
  --ds-color-fg-brand-electricpurple-3: oklch(26.97% 0.134 292.24);
  --ds-color-fg-brand-orange-primary-100: oklch(77.1% 0.147 47.79);
  --ds-color-fg-brand-orange-primary-200: oklch(72.5% 0.181 45.29);
  --ds-color-fg-brand-orange-primary-300: oklch(70.16% 0.199 43.02);
  --ds-color-fg-brand-orange-secondary-100: oklch(57.68% 0.18 40.29);
  --ds-color-fg-brand-orange-secondary-200: oklch(46.5% 0.136 35.31);
  --ds-color-fg-brand-orange-secondary-300: oklch(23.05% 0.062 49.17);
  --ds-color-fg-brand-organ-100: oklch(94.05% 0.01 32.16);
  --ds-color-fg-brand-organ-200: oklch(73.64% 0.065 23.54);
  --ds-color-fg-brand-organ-300: oklch(51.26% 0.127 23.79);
  --ds-color-fg-brand-red-primary-100: oklch(94.54% 0.027 14.72);
  --ds-color-fg-brand-red-primary-200: oklch(74.47% 0.153 18.05);
  --ds-color-fg-brand-red-primary-300: oklch(67.85% 0.208 21.78);
  --ds-color-fg-brand-white-100: oklch(100% 0 263.28);
  --ds-color-fg-brand-white-200: oklch(97.31% 0 263.28);
  --ds-color-fg-brand-white-300: oklch(95.51% 0 263.28);
  --ds-color-fg-brand-yellow-primary-100: oklch(76.87% 0.13 85.58);
  --ds-color-fg-brand-yellow-primary-200: oklch(66.54% 0.111 85.08);
  --ds-color-fg-brand-yellow-primary-300: oklch(52.36% 0.085 85.78);
  --ds-color-fg-category-1: oklch(56.79% 0.102 86.62);
  --ds-color-fg-category-2: oklch(54.48% 0.092 224.5);
  --ds-color-fg-category-3: oklch(54.34% 0.165 41.78);
  --ds-color-fg-category-4: oklch(46.69% 0.168 348.71);
  --ds-color-fg-category-5: oklch(62.33% 0.117 108.2);
  --ds-color-fg-category-6: oklch(46.99% 0.1 33.22);
  --ds-color-fg-neutral-primary-100: oklch(0% 0 0);
  --ds-color-fg-neutral-primary-200: oklch(0% 0 0 / 64%);
  --ds-color-fg-neutral-primary-300: oklch(0% 0 0 / 32%);
  --ds-color-fg-neutral-primary-invert-100: oklch(100% 0 263.28);
  --ds-color-fg-neutral-primary-invert-200: oklch(100% 0 263.28 / 64%);
  --ds-color-fg-neutral-primary-invert-300: oklch(100% 0 263.28 / 32%);
  --ds-color-fg-neutral-secondary-100: oklch(0% 0 0 / 56%);
  --ds-color-fg-neutral-secondary-200: oklch(0% 0 0 / 72%);
  --ds-color-fg-neutral-secondary-300: oklch(0% 0 0 / 96%);
  --ds-color-fg-neutral-secondary-invert-100: oklch(100% 0 263.28 / 56%);
  --ds-color-fg-neutral-secondary-invert-200: oklch(100% 0 263.28 / 72%);
  --ds-color-fg-neutral-secondary-invert-300: oklch(100% 0 263.28 / 96%);
  --ds-color-fg-neutral-tertiary-100: oklch(0% 0 0 / 48%);
  --ds-color-fg-neutral-tertiary-200: oklch(0% 0 0 / 64%);
  --ds-color-fg-neutral-tertiary-300: oklch(0% 0 0 / 72%);
  --ds-color-fg-neutral-tertiary-invert-100: oklch(100% 0 263.28 / 48%);
  --ds-color-fg-neutral-tertiary-invert-200: oklch(100% 0 263.28 / 64%);
  --ds-color-fg-neutral-tertiary-invert-300: oklch(100% 0 263.28 / 72%);
  --ds-color-fg-range-optimal-primary-100: oklch(52.53% 0.134 149.79);
  --ds-color-fg-range-optimal-primary-invert-100: oklch(79.39% 0.129 153.87);
  --ds-color-fg-range-optimal-secondary-100: oklch(78.93% 0.181 151.31);
  --ds-color-fg-range-optimal-secondary-invert-100: oklch(42.92% 0.116 148.15);
  --ds-color-fg-range-out-of-range-primary-100: oklch(52.95% 0.216 28.17);
  --ds-color-fg-range-out-of-range-primary-invert-100: oklch(74.91% 0.152 18.42);
  --ds-color-fg-range-out-of-range-secondary-100: oklch(67.85% 0.208 21.78);
  --ds-color-fg-range-out-of-range-secondary-invert-100: oklch(74.91% 0.152 18.42);
  --ds-color-fg-range-suboptimal-primary-100: oklch(52.36% 0.085 85.78);
  --ds-color-fg-range-suboptimal-primary-invert-100: oklch(91.01% 0.118 97.22);
  --ds-color-fg-range-suboptimal-secondary-100: oklch(86.67% 0.148 85.34);
  --ds-color-fg-range-suboptimal-secondary-invert-100: oklch(91.01% 0.118 97.22);
  --ds-color-fg-sentiment-negative-100: oklch(56.93% 0.217 25.92);
  --ds-color-fg-sentiment-negative-200: oklch(46.01% 0.171 25.56);
  --ds-color-fg-sentiment-negative-300: oklch(36.26% 0.136 25.54);
  --ds-color-fg-sentiment-positive-100: oklch(62.34% 0.166 148.11);
  --ds-color-fg-sentiment-positive-200: oklch(52.72% 0.141 148.32);
  --ds-color-fg-sentiment-positive-300: oklch(42.92% 0.116 148.15);
  --ds-color-fg-sentiment-warning-100: oklch(66.02% 0.188 45.09);
  --ds-color-fg-sentiment-warning-200: oklch(55.69% 0.156 46.01);
  --ds-color-fg-sentiment-warning-300: oklch(44.73% 0.126 46.06);
  --ds-color-fg-static-black: oklch(0% 0 0);
  --ds-color-fg-static-white: oklch(100% 0 263.28);
  --ds-color-utilities-ios-keyboard-1: oklch(99.16% 0.003 285.64);
  --ds-color-utilities-ios-keyboard-10: oklch(94.24% 0.005 258.42);
  --ds-color-utilities-ios-keyboard-11: oklch(56.92% 0.015 285.84 / 12%);
  --ds-color-utilities-ios-keyboard-12: oklch(35.88% 0.012 285.73 / 60%);
  --ds-color-utilities-ios-keyboard-13: oklch(35.88% 0.012 285.73 / 30%);
  --ds-color-utilities-ios-keyboard-14: oklch(35.88% 0.012 285.73 / 60%);
  --ds-color-utilities-ios-keyboard-15: oklch(35.88% 0.012 285.73 / 30%);
  --ds-color-utilities-ios-keyboard-16: oklch(35.88% 0.012 285.73 / 60%);
  --ds-color-utilities-ios-keyboard-17: oklch(35.88% 0.012 285.73 / 80%);
  --ds-color-utilities-ios-keyboard-18: oklch(100% 0 263.28);
  --ds-color-utilities-ios-keyboard-19: oklch(56.53% 0.002 248.23);
  --ds-color-utilities-ios-keyboard-2: oklch(75.63% 0.015 264.48);
  --ds-color-utilities-ios-keyboard-20: oklch(100% 0 263.28);
  --ds-color-utilities-ios-keyboard-21: oklch(0% 0 0);
  --ds-color-utilities-ios-keyboard-22: oklch(35.88% 0.012 285.73 / 35%);
  --ds-color-utilities-ios-keyboard-23: oklch(97.95% 0.005 274.79);
  --ds-color-utilities-ios-keyboard-24: oklch(0% 0 0);
  --ds-color-utilities-ios-keyboard-25: oklch(63.35% 0.005 271.25);
  --ds-color-utilities-ios-keyboard-26: oklch(0% 0 0);
  --ds-color-utilities-ios-keyboard-27: oklch(63.35% 0.005 271.25);
  --ds-color-utilities-ios-keyboard-3: oklch(94.54% 0.005 258.42);
  --ds-color-utilities-ios-keyboard-4: oklch(0% 0 0);
  --ds-color-utilities-ios-keyboard-5: oklch(100% 0 263.28);
  --ds-color-utilities-ios-keyboard-6: oklch(60.27% 0.218 257.43);
  --ds-color-utilities-ios-keyboard-7: oklch(99.16% 0.003 285.64);
  --ds-color-utilities-ios-keyboard-8: oklch(99.16% 0.003 285.64);
  --ds-color-utilities-ios-keyboard-9: oklch(85.75% 0.007 268.49);

  /* Shadow */
  --ds-shadow-2xl: 0px 25px 50px -12px oklch(0% 0 0 / 12%);
  --ds-shadow-card-100: 0px 8px 10px -6px oklch(0% 0 0 / 2%), 0px 20px 25px -5px oklch(0% 0 0 / 4%);
  --ds-shadow-card-100: 0px 2px 4px 0px oklch(0% 0 0 / 4%), 0px 1px 2px 0px oklch(0% 0 0 / 4%), 0px 0px 0px 0.5px oklch(var(--ds-oklch-color-components-card-default-br) / 0.06);
  --ds-shadow-card-200: 0px 4px 8px -4px oklch(0% 0 0 / 2%), 0px 8px 12px -3px oklch(0% 0 0 / 2%);
  --ds-shadow-dropdown-100: 0px 4px 8px -4px oklch(0% 0 0 / 8%), 0px 8px 16px -4px oklch(0% 0 0 / 8%);
  --ds-shadow-elevation-card: 0px 4px 6px -4px oklch(0% 0 0 / 6%), 0px 2px 6px -16px oklch(0% 0 0 / 4%);
  --ds-shadow-large: 0px 4px 6px -4px oklch(0% 0 0 / 6%), 0px 10px 15px -3px oklch(0% 0 0 / 6%);
  --ds-shadow-md: 0px 2px 4px -2px oklch(0% 0 0 / 6%), 0px 4px 6px -1px oklch(0% 0 0 / 6%);
  --ds-shadow-section-divider: 0px 3px 0px 0px oklch(var(--ds-oklch-color-br-neutral-tertiary-100) / 0.1);
  --ds-shadow-sm: 0px 1px 2px -1px oklch(0% 0 0 / 6%), 0px 1px 3px 0px oklch(0% 0 0 / 6%);
  --ds-shadow-xl: 0px 8px 10px -6px oklch(0% 0 0 / 2%), 0px 20px 25px -5px oklch(0% 0 0 / 2%);
  --ds-shadow-xs: 0px 1px 2px 0px oklch(0% 0 0 / 3%);

  /* Blur */
  --ds-blur-lg: 128px;
  --ds-blur-md: 64px;
  --ds-blur-sm: 32px;
  --ds-blur-xl: 256px;

  /* Typography */
  --ds-typography-font-body-100-medium: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-100) / var(--ds-leading-font-line-height-body-100) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-100-medium: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-body-100-medium-cap: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-100) / 14px var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-100-medium-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-body-100-medium-cap: uppercase;
  --ds-typography-font-body-100-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-100) / var(--ds-leading-font-line-height-body-100) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-100-regular: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-body-100-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-100) / var(--ds-leading-font-line-height-body-100) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-100-regular-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-body-100-regular-cap: uppercase;
  --ds-typography-font-body-200-medium: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-200) / var(--ds-leading-font-line-height-body-200) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-200-medium: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-body-200-medium-cap: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-200) / var(--ds-leading-font-line-height-body-200) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-200-medium-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-body-200-medium-cap: uppercase;
  --ds-typography-font-body-200-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-200) / var(--ds-leading-font-line-height-body-200) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-200-regular: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-body-200-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-200) / var(--ds-leading-font-line-height-body-200) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-200-regular-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-body-200-regular-cap: uppercase;
  --ds-typography-font-body-300-medium: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-300) / var(--ds-leading-font-line-height-body-300) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-300-medium: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-body-300-medium-cap: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-300) / var(--ds-leading-font-line-height-body-300) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-300-medium-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-body-300-medium-cap: uppercase;
  --ds-typography-font-body-300-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-300) / var(--ds-leading-font-line-height-body-300) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-300-regular: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-body-300-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-300) / var(--ds-leading-font-line-height-body-300) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-300-regular-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-body-300-regular-cap: uppercase;
  --ds-typography-font-body-400-medium: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-400) / var(--ds-leading-font-line-height-body-400) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-400-medium: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-body-400-medium-cap: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-400) / var(--ds-leading-font-line-height-body-400) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-400-medium-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-body-400-medium-cap: uppercase;
  --ds-typography-font-body-400-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-400) / var(--ds-leading-font-line-height-body-400) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-400-regular: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-body-400-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-400) / var(--ds-leading-font-line-height-body-400) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-400-regular-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-body-400-regular-cap: uppercase;
  --ds-typography-font-body-500-medium: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-500) / var(--ds-leading-font-line-height-body-500) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-500-medium: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-body-500-medium-cap: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-500) / var(--ds-leading-font-line-height-body-500) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-500-medium-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-body-500-medium-cap: uppercase;
  --ds-typography-font-body-500-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-500) / var(--ds-leading-font-line-height-body-500) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-500-regular: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-body-500-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-500) / var(--ds-leading-font-line-height-body-500) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-500-regular-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-body-500-regular-cap: uppercase;
  --ds-typography-font-body-600-medium: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-600) / var(--ds-leading-font-line-height-body-600) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-600-medium: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-body-600-medium-cap: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-600) / var(--ds-leading-font-line-height-body-600) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-600-medium-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-body-600-medium-cap: uppercase;
  --ds-typography-font-body-600-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-600) / var(--ds-leading-font-line-height-body-600) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-600-regular: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-body-600-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-600) / var(--ds-leading-font-line-height-headlines-700) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-body-600-regular-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-body-600-regular-cap: uppercase;
  --ds-typography-font-chat-body-300-medium: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-300) / var(--ds-leading-font-line-height-body-500) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-chat-body-300-medium: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-chat-body-300-medium-cap: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-300) / var(--ds-leading-font-line-height-body-500) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-chat-body-300-medium-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-chat-body-300-medium-cap: uppercase;
  --ds-typography-font-chat-body-300-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-300) / var(--ds-leading-font-line-height-body-500) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-chat-body-300-regular: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-chat-body-300-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-300) / var(--ds-leading-font-line-height-body-500) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-chat-body-300-regular-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-chat-body-300-regular-cap: uppercase;
  --ds-typography-font-display-100: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-100) / var(--ds-leading-font-line-height-display-100) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-display-100: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-display-200: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-200) / var(--ds-leading-font-line-height-display-200) var(--ds-font-family-primary);
  --ds-letter-spacing-typography-font-display-200: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-display-300: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-300) / var(--ds-leading-font-line-height-display-300) var(--ds-font-family-primary);
  --ds-letter-spacing-typography-font-display-300: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-display-400: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-display-400) / var(--ds-leading-font-line-height-headlines-800) var(--ds-font-family-primary);
  --ds-typography-font-display-secondary-100: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-secondary-100) / var(--ds-leading-font-line-height-display-secondary-100) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-display-secondary-100: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-display-secondary-200: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-secondary-200) / var(--ds-leading-font-line-height-display-secondary-200) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-display-secondary-200: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-display-secondary-300: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-secondary-300) / var(--ds-leading-font-line-height-display-secondary-300) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-display-secondary-300: var(--ds-tracking-font-letter-spacing-tight);
  --ds-typography-font-display-secondary-400: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-secondary-400) / var(--ds-leading-font-line-height-display-secondary-400) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-display-secondary-400: var(--ds-tracking-font-letter-spacing-tight);
  --ds-typography-font-headlines-100: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-100) / var(--ds-leading-font-line-height-headlines-100) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-headlines-100: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-headlines-200: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-200) / var(--ds-leading-font-line-height-headlines-200) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-headlines-200: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-headlines-300: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-300) / var(--ds-leading-font-line-height-headlines-300) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-headlines-300: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-headlines-400: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-400) / var(--ds-leading-font-line-height-headlines-400) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-headlines-400: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-headlines-500: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-500) / var(--ds-leading-font-line-height-headlines-500) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-headlines-500: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-headlines-600: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-600) / var(--ds-leading-font-line-height-headlines-600) var(--ds-font-family-secondary);
  --ds-typography-font-headlines-700: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-700) / var(--ds-leading-font-line-height-headlines-700) var(--ds-font-family-secondary);
  --ds-typography-font-headlines-800: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-800) / var(--ds-leading-font-line-height-headlines-800) var(--ds-font-family-secondary);
  --ds-typography-font-headlines-secondary-100: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-headlines-secondary-100) / var(--ds-leading-font-line-height-headlines-secondary-100) var(--ds-font-family-primary);
  --ds-letter-spacing-typography-font-headlines-secondary-100: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-headlines-secondary-100: 400 var(--ds-text-font-size-body-100) / var(--ds-leading-font-line-height-headlines-100) "Tobias";
  --ds-letter-spacing-typography-font-headlines-secondary-100: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-headlines-secondary-200: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-secondary-200) / var(--ds-leading-font-line-height-headlines-secondary-200) var(--ds-font-family-primary);
  --ds-letter-spacing-typography-font-headlines-secondary-200: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-headlines-secondary-200: 400 var(--ds-text-font-size-headlines-200) / var(--ds-leading-font-line-height-headlines-200) "Tobias";
  --ds-letter-spacing-typography-font-headlines-secondary-200: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-headlines-secondary-300: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-secondary-300) / var(--ds-leading-font-line-height-headlines-secondary-300) var(--ds-font-family-primary);
  --ds-letter-spacing-typography-font-headlines-secondary-300: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-headlines-secondary-300: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-secondary-300) / var(--ds-leading-font-line-height-headlines-secondary-300) var(--ds-font-family-primary);
  --ds-letter-spacing-typography-font-headlines-secondary-300: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-headlines-secondary-400: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-secondary-400) / var(--ds-leading-font-line-height-headlines-secondary-400) var(--ds-font-family-primary);
  --ds-letter-spacing-typography-font-headlines-secondary-400: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-headlines-secondary-400: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-secondary-400) / var(--ds-leading-font-line-height-headlines-secondary-400) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-headlines-secondary-400: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-headlines-secondary-500: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-secondary-500) / var(--ds-leading-font-line-height-headlines-secondary-500) var(--ds-font-family-primary);
  --ds-letter-spacing-typography-font-headlines-secondary-500: var(--ds-tracking-font-letter-spacing-tight);
  --ds-typography-font-headlines-secondary-500: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-secondary-500) / var(--ds-leading-font-line-height-headlines-secondary-500) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-headlines-secondary-500: var(--ds-tracking-font-letter-spacing-tight);
  --ds-typography-font-headlines-secondary-600: 400 var(--ds-text-font-size-headlines-600) / var(--ds-leading-font-line-height-headlines-600) "Tobias";
  --ds-typography-font-headlines-secondary-600: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-secondary-600) / var(--ds-leading-font-line-height-headlines-secondary-600) var(--ds-font-family-primary);
  --ds-letter-spacing-typography-font-headlines-secondary-600: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-headlines-secondary-700: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-secondary-700) / var(--ds-leading-font-line-height-headlines-secondary-700) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-headlines-secondary-700: -0.5px;
  --ds-typography-font-headlines-secondary-700: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-secondary-700) / var(--ds-leading-font-line-height-headlines-secondary-700) var(--ds-font-family-primary);
  --ds-letter-spacing-typography-font-headlines-secondary-700: -0.5px;
  --ds-typography-font-headlines-secondary-800: 400 36px / 36px "Tobias";
  --ds-letter-spacing-typography-font-headlines-secondary-800: var(--ds-tracking-font-letter-spacing-tight);
  --ds-typography-font-headlines-secondary-800: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-headlines-secondary-800) / var(--ds-leading-font-line-height-headlines-secondary-800) var(--ds-font-family-primary);
  --ds-letter-spacing-typography-font-headlines-secondary-800: var(--ds-tracking-font-letter-spacing-tight);
  --ds-typography-font-label-body-100-medium: var(--ds-font-weight-font-weight-regular) 12px / var(--ds-leading-font-line-height-label-100) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-label-body-100-medium: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-label-body-100-medium-cap: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-label-100) / var(--ds-leading-font-line-height-label-100) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-label-body-100-medium-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-label-body-100-medium-cap: uppercase;
  --ds-typography-font-label-body-100-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-label-100) / var(--ds-leading-font-line-height-label-100) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-label-body-100-regular: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-label-body-100-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-label-100) / var(--ds-leading-font-line-height-label-100) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-label-body-100-regular-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-label-body-100-regular-cap: uppercase;
  --ds-typography-font-label-body-200-medium: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-label-200) / var(--ds-leading-font-line-height-label-200) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-label-body-200-medium: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-label-body-200-medium-cap: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-label-200) / var(--ds-leading-font-line-height-label-200) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-label-body-200-medium-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-label-body-200-medium-cap: uppercase;
  --ds-typography-font-label-body-200-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-label-200) / var(--ds-leading-font-line-height-label-200) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-label-body-200-regular: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-label-body-200-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-label-200) / var(--ds-leading-font-line-height-label-200) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-label-body-200-regular-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-label-body-200-regular-cap: uppercase;
  --ds-typography-font-label-body-300-medium: var(--ds-font-weight-font-weight-medium) 16px / var(--ds-leading-font-line-height-label-300) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-label-body-300-medium: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-label-body-300-medium-cap: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-label-300) / var(--ds-leading-font-line-height-label-300) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-label-body-300-medium-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-label-body-300-medium-cap: uppercase;
  --ds-typography-font-label-body-300-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-label-300) / var(--ds-leading-font-line-height-label-300) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-label-body-300-regular: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-label-body-300-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-label-300) / var(--ds-leading-font-line-height-label-300) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-label-body-300-regular-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-label-body-300-regular-cap: uppercase;
  --ds-typography-font-label-body-400-medium: var(--ds-font-weight-font-weight-medium) 20px / 24px var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-label-body-400-medium: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-label-body-400-medium-cap: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-label-400) / var(--ds-leading-font-line-height-label-400) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-label-body-400-medium-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-label-body-400-medium-cap: uppercase;
  --ds-typography-font-label-body-400-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-label-400) / var(--ds-leading-font-line-height-label-400) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-label-body-400-regular: var(--ds-tracking-font-letter-spacing-normal);
  --ds-typography-font-label-body-400-regular-cap: var(--ds-font-weight-font-weight-regular) 20px / var(--ds-leading-font-line-height-label-400) var(--ds-font-family-secondary);
  --ds-letter-spacing-typography-font-label-body-400-regular-cap: var(--ds-tracking-font-letter-spacing-normal);
  --ds-transform-typography-font-label-body-400-regular-cap: uppercase;
  --ds-typography-font-label-mono-100-medium: var(--ds-font-weight-font-weight-bold) var(--ds-text-font-size-body-100) / var(--ds-leading-font-line-height-body-100) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-100-medium: var(--ds-tracking-font-letter-spacing-extend);
  --ds-transform-typography-font-label-mono-100-medium: uppercase;
  --ds-typography-font-label-mono-100-medium-cap: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-100) / var(--ds-leading-font-line-height-body-100) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-100-medium-cap: var(--ds-tracking-font-letter-spacing-extend);
  --ds-transform-typography-font-label-mono-100-medium-cap: uppercase;
  --ds-typography-font-label-mono-100-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-100) / var(--ds-leading-font-line-height-body-100) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-100-regular: var(--ds-tracking-font-letter-spacing-extend);
  --ds-typography-font-label-mono-100-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-100) / var(--ds-leading-font-line-height-body-100) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-100-regular-cap: var(--ds-tracking-font-letter-spacing-extend);
  --ds-transform-typography-font-label-mono-100-regular-cap: uppercase;
  --ds-typography-font-label-mono-200-medium: var(--ds-font-weight-font-weight-bold) var(--ds-text-font-size-body-200) / var(--ds-leading-font-line-height-body-200) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-200-medium: var(--ds-tracking-font-letter-spacing-extend);
  --ds-typography-font-label-mono-200-medium-cap: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-200) / var(--ds-leading-font-line-height-body-200) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-200-medium-cap: 1px;
  --ds-transform-typography-font-label-mono-200-medium-cap: uppercase;
  --ds-typography-font-label-mono-200-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-200) / var(--ds-leading-font-line-height-body-200) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-200-regular: var(--ds-tracking-font-letter-spacing-extend);
  --ds-typography-font-label-mono-200-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-200) / var(--ds-leading-font-line-height-body-200) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-200-regular-cap: var(--ds-tracking-font-letter-spacing-extend);
  --ds-transform-typography-font-label-mono-200-regular-cap: uppercase;
  --ds-typography-font-label-mono-300-medium: var(--ds-font-weight-font-weight-bold) var(--ds-text-font-size-body-300) / var(--ds-leading-font-line-height-body-300) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-300-medium: var(--ds-tracking-font-letter-spacing-extend);
  --ds-typography-font-label-mono-300-medium-cap: var(--ds-font-weight-font-weight-bold) var(--ds-text-font-size-body-300) / var(--ds-leading-font-line-height-body-300) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-300-medium-cap: var(--ds-tracking-font-letter-spacing-extend);
  --ds-transform-typography-font-label-mono-300-medium-cap: uppercase;
  --ds-typography-font-label-mono-300-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-300) / var(--ds-leading-font-line-height-body-300) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-300-regular: var(--ds-tracking-font-letter-spacing-extend);
  --ds-typography-font-label-mono-300-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-300) / var(--ds-leading-font-line-height-body-300) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-300-regular-cap: var(--ds-tracking-font-letter-spacing-extend);
  --ds-transform-typography-font-label-mono-300-regular-cap: uppercase;
  --ds-typography-font-label-mono-400-medium: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-400) / var(--ds-leading-font-line-height-body-400) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-400-medium: var(--ds-tracking-font-letter-spacing-extend);
  --ds-typography-font-label-mono-400-medium-cap: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-400) / var(--ds-leading-font-line-height-headlines-400) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-400-medium-cap: var(--ds-tracking-font-letter-spacing-extend);
  --ds-transform-typography-font-label-mono-400-medium-cap: uppercase;
  --ds-typography-font-label-mono-400-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-400) / var(--ds-leading-font-line-height-body-400) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-400-regular: var(--ds-tracking-font-letter-spacing-extend);
  --ds-typography-font-label-mono-400-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-headlines-400) / var(--ds-leading-font-line-height-body-400) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-400-regular-cap: var(--ds-tracking-font-letter-spacing-extend);
  --ds-transform-typography-font-label-mono-400-regular-cap: uppercase;
  --ds-typography-font-label-mono-50-medium: var(--ds-font-weight-font-weight-bold) var(--ds-text-font-size-body-50) / var(--ds-leading-font-line-height-body-50) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-50-medium: var(--ds-tracking-font-letter-spacing-extend);
  --ds-transform-typography-font-label-mono-50-medium: uppercase;
  --ds-typography-font-label-mono-50-medium-cap: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-body-50) / var(--ds-leading-font-line-height-body-50) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-50-medium-cap: var(--ds-tracking-font-letter-spacing-extend);
  --ds-transform-typography-font-label-mono-50-medium-cap: uppercase;
  --ds-typography-font-label-mono-50-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-50) / var(--ds-leading-font-line-height-body-50) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-50-regular: var(--ds-tracking-font-letter-spacing-extend);
  --ds-typography-font-label-mono-50-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-50) / var(--ds-leading-font-line-height-body-50) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-50-regular-cap: var(--ds-tracking-font-letter-spacing-extend);
  --ds-transform-typography-font-label-mono-50-regular-cap: uppercase;
  --ds-typography-font-label-mono-500-medium: var(--ds-font-weight-font-weight-bold) var(--ds-text-font-size-body-500) / var(--ds-leading-font-line-height-body-500) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-500-medium: var(--ds-tracking-font-letter-spacing-extend);
  --ds-typography-font-label-mono-500-medium-cap: var(--ds-font-weight-font-weight-bold) var(--ds-text-font-size-body-500) / var(--ds-leading-font-line-height-body-500) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-500-medium-cap: var(--ds-tracking-font-letter-spacing-extend);
  --ds-transform-typography-font-label-mono-500-medium-cap: uppercase;
  --ds-typography-font-label-mono-500-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-500) / var(--ds-leading-font-line-height-body-500) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-500-regular: var(--ds-tracking-font-letter-spacing-extend);
  --ds-typography-font-label-mono-500-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-500) / var(--ds-leading-font-line-height-body-500) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-500-regular-cap: var(--ds-tracking-font-letter-spacing-extend);
  --ds-transform-typography-font-label-mono-500-regular-cap: uppercase;
  --ds-typography-font-label-mono-600-medium: 380 var(--ds-text-font-size-body-600) / var(--ds-leading-font-line-height-body-600) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-600-medium: var(--ds-tracking-font-letter-spacing-extend);
  --ds-typography-font-label-mono-600-medium-cap: var(--ds-font-weight-font-weight-bold) var(--ds-text-font-size-body-600) / var(--ds-leading-font-line-height-body-600) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-600-medium-cap: var(--ds-tracking-font-letter-spacing-extend);
  --ds-transform-typography-font-label-mono-600-medium-cap: uppercase;
  --ds-typography-font-label-mono-600-regular: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-600) / var(--ds-leading-font-line-height-body-600) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-600-regular: var(--ds-tracking-font-letter-spacing-extend);
  --ds-typography-font-label-mono-600-regular-cap: var(--ds-font-weight-font-weight-regular) var(--ds-text-font-size-body-600) / var(--ds-leading-font-line-height-body-600) var(--ds-font-family-tertiary);
  --ds-letter-spacing-typography-font-label-mono-600-regular-cap: var(--ds-tracking-font-letter-spacing-extend);
  --ds-transform-typography-font-label-mono-600-regular-cap: uppercase;
}

/* ─── tailwind.palette-light.css ─────────────────────────────────────────── */

.theme-light {

  /* BorderWidth */
  --ds-border-components-card-invert-border-size-md: 1px;
  --ds-border-components-card-invert-border-size-sm: 0.5px;

  /* Color */
  --ds-color-bg-brand-black-100: oklch(0% 0 0);
  --ds-color-bg-brand-black-200: oklch(23.93% 0 263.28);
  --ds-color-bg-brand-black-300: oklch(28.09% 0 263.28);
  --ds-color-bg-brand-blood-primary-100: oklch(19.03% 0.056 24.11);
  --ds-color-bg-brand-blood-primary-200: oklch(22.83% 0.052 22.07);
  --ds-color-bg-brand-blood-primary-300: oklch(32% 0.042 19.61);
  --ds-color-bg-brand-blue-primary-100: oklch(55.35% 0.135 257.48);
  --ds-color-bg-brand-blue-primary-200: oklch(55.35% 0.135 257.48);
  --ds-color-bg-brand-blue-primary-300: oklch(41.65% 0.124 257.95);
  --ds-color-bg-brand-blue-secondary-100: oklch(96.36% 0.018 253.39);
  --ds-color-bg-brand-blue-secondary-200: oklch(84.88% 0.043 257.15);
  --ds-color-bg-brand-blue-secondary-300: oklch(66.6% 0.092 256.66);
  --ds-color-bg-brand-earth-primary-100: oklch(56.48% 0.009 99.08);
  --ds-color-bg-brand-earth-primary-200: oklch(61.69% 0.012 89.81);
  --ds-color-bg-brand-earth-primary-300: oklch(74.31% 0.013 79.76);
  --ds-color-bg-brand-earth-secondary-100: oklch(95.54% 0.006 42.83);
  --ds-color-bg-brand-earth-secondary-200: oklch(86.4% 0.013 71.25);
  --ds-color-bg-brand-earth-secondary-300: oklch(80.41% 0.013 75.31);
  --ds-color-bg-brand-orange-primary-100: oklch(77.1% 0.147 47.79);
  --ds-color-bg-brand-orange-primary-200: oklch(72.5% 0.181 45.29);
  --ds-color-bg-brand-orange-primary-300: oklch(70.16% 0.199 43.02);
  --ds-color-bg-brand-orange-secondary-100: oklch(92.33% 0.044 50.36);
  --ds-color-bg-brand-orange-secondary-200: oklch(88.52% 0.067 49.8);
  --ds-color-bg-brand-orange-secondary-300: oklch(85.05% 0.09 49.69);
  --ds-color-bg-brand-red-primary-100: oklch(94.54% 0.027 14.72);
  --ds-color-bg-brand-red-primary-200: oklch(74.47% 0.153 18.05);
  --ds-color-bg-brand-red-primary-300: oklch(67.85% 0.208 21.78);
  --ds-color-bg-brand-two-1: oklch(86.76% 0.07 291.12);
  --ds-color-bg-brand-two-2: oklch(83.79% 0.067 290.59);
  --ds-color-bg-brand-two-3: oklch(77.07% 0.063 291.08);
  --ds-color-bg-brand-yellow-primary-100: oklch(86.67% 0.148 85.34);
  --ds-color-bg-brand-yellow-primary-200: oklch(92.15% 0.09 87.17);
  --ds-color-bg-brand-yellow-primary-300: oklch(97.14% 0.034 88.79);
  --ds-color-bg-brand-yellow-secondary-100: oklch(97.14% 0.034 88.79);
  --ds-color-bg-brand-yellow-secondary-200: oklch(92.15% 0.09 87.17);
  --ds-color-bg-brand-yellow-secondary-300: oklch(86.67% 0.148 85.34);
  --ds-color-bg-category-1: oklch(96.18% 0.021 88.74);
  --ds-color-bg-category-2: oklch(95.33% 0.02 221.03);
  --ds-color-bg-category-3: oklch(94.82% 0.03 52.64);
  --ds-color-bg-category-4: oklch(93.54% 0.031 340.42);
  --ds-color-bg-category-5: oklch(96.91% 0.024 104.32);
  --ds-color-bg-category-6: oklch(94.07% 0.014 27.75);
  --ds-color-bg-neutral-primary-100: oklch(0% 0 0);
  --ds-color-bg-neutral-primary-200: oklch(0% 0 0 / 64%);
  --ds-color-bg-neutral-primary-300: oklch(0% 0 0 / 48%);
  --ds-color-bg-neutral-primary-invert-100: oklch(100% 0 263.28);
  --ds-color-bg-neutral-primary-invert-200: oklch(100% 0 263.28 / 64%);
  --ds-color-bg-neutral-primary-invert-300: oklch(100% 0 263.28 / 48%);
  --ds-color-bg-neutral-secondary-100: oklch(0% 0 0 / 8%);
  --ds-color-bg-neutral-secondary-200: oklch(0% 0 0 / 12%);
  --ds-color-bg-neutral-secondary-300: oklch(0% 0 0 / 16%);
  --ds-color-bg-neutral-secondary-invert-100: oklch(100% 0 263.28 / 8%);
  --ds-color-bg-neutral-secondary-invert-200: oklch(100% 0 263.28 / 12%);
  --ds-color-bg-neutral-secondary-invert-300: oklch(100% 0 263.28 / 16%);
  --ds-color-bg-neutral-tertiary-100: oklch(0% 0 0 / 4%);
  --ds-color-bg-neutral-tertiary-200: oklch(0% 0 0 / 8%);
  --ds-color-bg-neutral-tertiary-300: oklch(0% 0 0 / 12%);
  --ds-color-bg-neutral-tertiary-invert-100: oklch(100% 0 263.28 / 4%);
  --ds-color-bg-neutral-tertiary-invert-200: oklch(100% 0 263.28 / 8%);
  --ds-color-bg-neutral-tertiary-invert-300: oklch(100% 0 263.28 / 12%);
  --ds-color-bg-overlay-blanket-100: oklch(0% 0 0 / 24%);
  --ds-color-bg-overlay-blanket-200: oklch(0% 0 0 / 64%);
  --ds-color-bg-overlay-blanket-300: oklch(0% 0 0 / 72%);
  --ds-color-bg-overlay-blanket-400: oklch(0% 0 0 / 88%);
  --ds-color-bg-overlay-blanket-invert-100: oklch(100% 0 263.28 / 24%);
  --ds-color-bg-overlay-blanket-invert-200: oklch(100% 0 263.28 / 64%);
  --ds-color-bg-overlay-blanket-invert-300: oklch(100% 0 263.28 / 72%);
  --ds-color-bg-overlay-blanket-invert-400: oklch(100% 0 263.28 / 96%);
  --ds-color-bg-range-optimal-primary-100: oklch(64.9% 0.169 149.65);
  --ds-color-bg-range-optimal-primary-200: oklch(84.31% 0.134 153.88);
  --ds-color-bg-range-optimal-primary-300: oklch(78.93% 0.181 151.31);
  --ds-color-bg-range-optimal-primary-invert-100: oklch(79.39% 0.129 153.87);
  --ds-color-bg-range-optimal-secondary-100: oklch(97.25% 0.023 157.81);
  --ds-color-bg-range-optimal-secondary-200: oklch(89.2% 0.091 155.76);
  --ds-color-bg-range-optimal-secondary-300: oklch(84.31% 0.134 153.88);
  --ds-color-bg-range-optimal-secondary-invert-100: oklch(27.62% 0.059 152.27);
  --ds-color-bg-range-out-of-range-primary-100: oklch(57.76% 0.236 28.33);
  --ds-color-bg-range-out-of-range-primary-200: oklch(63.4% 0.249 26.77);
  --ds-color-bg-range-out-of-range-primary-300: oklch(64.91% 0.234 24.47);
  --ds-color-bg-range-out-of-range-secondary-100: oklch(94.54% 0.027 14.72);
  --ds-color-bg-range-out-of-range-secondary-200: oklch(83.95% 0.089 15.62);
  --ds-color-bg-range-out-of-range-secondary-300: oklch(74.47% 0.153 18.05);
  --ds-color-bg-range-suboptimal-primary-100: oklch(92.15% 0.09 87.17);
  --ds-color-bg-range-suboptimal-primary-200: oklch(86.67% 0.148 85.34);
  --ds-color-bg-range-suboptimal-primary-300: oklch(83.4% 0.142 85.56);
  --ds-color-bg-range-suboptimal-secondary-100: oklch(97.14% 0.034 88.79);
  --ds-color-bg-range-suboptimal-secondary-200: oklch(92.15% 0.09 87.17);
  --ds-color-bg-range-suboptimal-secondary-300: oklch(86.67% 0.148 85.34);
  --ds-color-bg-sentiment-negative-primary-100: oklch(56.93% 0.217 25.92);
  --ds-color-bg-sentiment-negative-primary-200: oklch(46.01% 0.171 25.56);
  --ds-color-bg-sentiment-negative-primary-300: oklch(36.26% 0.136 25.54);
  --ds-color-bg-sentiment-negative-secondary-100: oklch(96.91% 0.015 17.13);
  --ds-color-bg-sentiment-negative-secondary-200: oklch(91.35% 0.045 14.51);
  --ds-color-bg-sentiment-negative-secondary-300: oklch(83.98% 0.089 14.76);
  --ds-color-bg-sentiment-positive-primary-100: oklch(62.34% 0.166 148.11);
  --ds-color-bg-sentiment-positive-primary-200: oklch(52.72% 0.141 148.32);
  --ds-color-bg-sentiment-positive-primary-300: oklch(42.92% 0.116 148.15);
  --ds-color-bg-sentiment-positive-secondary-100: oklch(96.97% 0.033 153.84);
  --ds-color-bg-sentiment-positive-secondary-200: oklch(89.29% 0.104 152.07);
  --ds-color-bg-sentiment-positive-secondary-300: oklch(80.97% 0.152 150.47);
  --ds-color-bg-sentiment-warning-primary-100: oklch(66.02% 0.188 45.09);
  --ds-color-bg-sentiment-warning-primary-200: oklch(55.69% 0.156 46.01);
  --ds-color-bg-sentiment-warning-primary-300: oklch(44.73% 0.126 46.06);
  --ds-color-bg-sentiment-warning-secondary-100: oklch(96.86% 0.019 60.08);
  --ds-color-bg-sentiment-warning-secondary-200: oklch(91.05% 0.056 57.31);
  --ds-color-bg-sentiment-warning-secondary-300: oklch(83.57% 0.107 55.98);
  --ds-color-bg-static-black: oklch(0% 0 0);
  --ds-color-bg-static-white: oklch(100% 0 263.28);
  --ds-color-bg-surface-100: oklch(100% 0 263.28);
  --ds-color-bg-surface-200: oklch(98.51% 0 263.28);
  --ds-color-bg-surface-300: oklch(95.51% 0 263.28);
  --ds-color-bg-surface-gradient-0: oklch(100% 0 263.28 / 0%);
  --ds-color-bg-surface-invert-100: oklch(16.84% 0 263.28);
  --ds-color-bg-surface-invert-200: oklch(20.9% 0 263.28);
  --ds-color-bg-surface-invert-300: oklch(24.78% 0 263.28);
  --ds-color-bg-surface-neutral-white-100: oklch(0% 0 0 / 4%);
  --ds-color-bg-surface-neutral-white-200: oklch(0% 0 0 / 8%);
  --ds-color-br-brand-blue-primary-100: oklch(55.35% 0.135 257.48);
  --ds-color-br-brand-blue-primary-200: oklch(55.35% 0.135 257.48);
  --ds-color-br-brand-blue-primary-300: oklch(50.38% 0.156 258.2);
  --ds-color-br-brand-blue-secondary-100: oklch(96.36% 0.018 253.39);
  --ds-color-br-brand-blue-secondary-200: oklch(84.88% 0.043 257.15);
  --ds-color-br-brand-blue-secondary-300: oklch(66.6% 0.092 256.66);
  --ds-color-br-color: var(--ds-color-br-neutral-tertiary-100);
  --ds-color-br-neutral-black-100: oklch(0% 0 0);
  --ds-color-br-neutral-primary-100: oklch(0% 0 0);
  --ds-color-br-neutral-primary-200: oklch(0% 0 0 / 64%);
  --ds-color-br-neutral-primary-300: oklch(0% 0 0 / 48%);
  --ds-color-br-neutral-primary-invert-100: oklch(100% 0 263.28);
  --ds-color-br-neutral-primary-invert-200: oklch(100% 0 263.28 / 64%);
  --ds-color-br-neutral-primary-invert-300: oklch(100% 0 263.28 / 48%);
  --ds-color-br-neutral-secondary-100: oklch(0% 0 0 / 24%);
  --ds-color-br-neutral-secondary-200: oklch(0% 0 0 / 32%);
  --ds-color-br-neutral-secondary-300: oklch(0% 0 0 / 72%);
  --ds-color-br-neutral-secondary-invert-100: oklch(100% 0 263.28 / 24%);
  --ds-color-br-neutral-secondary-invert-200: oklch(100% 0 263.28 / 32%);
  --ds-color-br-neutral-secondary-invert-300: oklch(100% 0 263.28 / 72%);
  --ds-color-br-neutral-tertiary-100: oklch(0% 0 0 / 10%);
  --ds-color-br-neutral-tertiary-200: oklch(0% 0 0 / 24%);
  --ds-color-br-neutral-tertiary-300: oklch(0% 0 0 / 32%);
  --ds-color-br-neutral-tertiary-invert-100: oklch(100% 0 263.28 / 10%);
  --ds-color-br-neutral-tertiary-invert-200: oklch(100% 0 263.28 / 24%);
  --ds-color-br-neutral-tertiary-invert-300: oklch(100% 0 263.28 / 32%);
  --ds-color-br-sentiment-negative-100: oklch(56.93% 0.217 25.92);
  --ds-color-br-sentiment-negative-200: oklch(46.01% 0.171 25.56);
  --ds-color-br-sentiment-negative-300: oklch(36.26% 0.136 25.54);
  --ds-color-br-sentiment-positive-100: oklch(52.72% 0.141 148.32);
  --ds-color-br-sentiment-positive-200: oklch(42.92% 0.116 148.15);
  --ds-color-br-sentiment-positive-300: oklch(33.5% 0.094 147.79);
  --ds-color-br-sentiment-warning-100: oklch(55.69% 0.156 46.01);
  --ds-color-br-sentiment-warning-200: oklch(44.73% 0.126 46.06);
  --ds-color-br-sentiment-warning-300: oklch(34.92% 0.091 50.94);
  --ds-color-br-static-black: oklch(0% 0 0);
  --ds-color-br-static-white: oklch(100% 0 263.28);
  --ds-color-components-card-default-bg: var(--ds-color-bg-neutral-tertiary-100);
  /* Card that apply only for M and L */
  --ds-color-components-card-default-br: oklch(0% 0 0 / 6%);
  /* Card that apply only for M and L */
  --ds-color-components-card-invert-bg: var(--ds-color-bg-surface-100);
  --ds-color-components-chevron-100: oklch(0% 0 0 / 24%);
  --ds-color-components-chevron-200: oklch(0% 0 0 / 32%);
  --ds-color-components-chevron-300: oklch(0% 0 0 / 48%);
  --ds-color-components-divider-100: oklch(0% 0 0 / 8%);
  --ds-color-components-divider-200: oklch(0% 0 0 / 12%);
  --ds-color-components-divider-300: oklch(0% 0 0 / 16%);
  --ds-color-components-dropdown-bg: var(--ds-color-bg-surface-100);
  --ds-color-components-focus-ring-default: var(--ds-color-fg-neutral-primary-100);
  --ds-color-components-focus-ring-invert: var(--ds-color-fg-neutral-primary-invert-100);
  /* Card that apply only for M and L */
  --ds-color-components-info-panel-bg: var(--ds-color-bg-surface-100);
  /* Info panel component — border color.
Component type: Pattern
https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-79476 */
  --ds-color-components-info-panel-border: var(--ds-color-br-neutral-tertiary-100);
  --ds-color-components-input-bg: oklch(100% 0 263.28);
  /* Card that apply only for M and L */
  --ds-color-components-layout-bg-body: var(--ds-color-bg-surface-200);
  /* Card that apply only for M and L */
  --ds-color-components-layout-bg-content: var(--ds-color-bg-surface-100);
  --ds-color-components-modal-bg: var(--ds-color-bg-surface-100);
  --ds-color-components-organ-halo-align: oklch(100% 0 263.28 / 0%);
  --ds-color-components-organ-halo-old: oklch(81.38% 0.067 49.29 / 0%);
  --ds-color-components-organ-halo-young: oklch(70.1% 0.086 134.61 / 0%);
  --ds-color-components-organ-particle-100: oklch(23.41% 0.056 359.44);
  --ds-color-components-organ-particle-100-10: oklch(23.41% 0.056 359.44 / 10%);
  --ds-color-components-organ-particle-100-15: oklch(23.41% 0.056 359.44 / 15%);
  --ds-color-components-organ-particle-100-20: oklch(23.41% 0.056 359.44 / 20%);
  --ds-color-components-organ-particle-100-25: oklch(23.41% 0.056 359.44 / 25%);
  --ds-color-components-organ-particle-100-30: oklch(23.41% 0.056 359.44 / 30%);
  --ds-color-components-organ-particle-100-35: oklch(23.41% 0.056 359.44 / 35%);
  --ds-color-components-organ-particle-100-40: oklch(23.41% 0.056 359.44 / 40%);
  --ds-color-components-organ-particle-100-45: oklch(23.41% 0.056 359.44 / 45%);
  --ds-color-components-organ-particle-100-5: oklch(23.41% 0.056 359.44 / 5%);
  --ds-color-components-organ-particle-100-50: oklch(23.41% 0.056 359.44 / 50%);
  --ds-color-components-organ-particle-100-55: oklch(23.41% 0.056 359.44 / 55%);
  --ds-color-components-organ-particle-100-60: oklch(23.41% 0.056 359.44 / 60%);
  --ds-color-components-organ-particle-100-65: oklch(23.41% 0.056 359.44 / 65%);
  --ds-color-components-organ-particle-100-70: oklch(23.41% 0.056 359.44 / 70%);
  --ds-color-components-organ-particle-100-75: oklch(23.41% 0.056 359.44 / 75%);
  --ds-color-components-organ-particle-100-80: oklch(23.41% 0.056 359.44 / 80%);
  --ds-color-components-organ-particle-100-85: oklch(23.41% 0.056 359.44 / 85%);
  --ds-color-components-organ-particle-100-90: oklch(23.41% 0.056 359.44 / 90%);
  --ds-color-components-organ-particle-100-95: oklch(23.41% 0.056 359.44 / 95%);
  --ds-color-components-organ-particle-200-10: oklch(69.42% 0.075 18.04 / 10%);
  --ds-color-components-organ-particle-200-100: oklch(69.42% 0.075 18.04);
  --ds-color-components-organ-particle-200-15: oklch(69.42% 0.075 18.04 / 15%);
  --ds-color-components-organ-particle-200-20: oklch(69.42% 0.075 18.04 / 20%);
  --ds-color-components-organ-particle-200-25: oklch(69.42% 0.075 18.04 / 25%);
  --ds-color-components-organ-particle-200-30: oklch(69.42% 0.075 18.04 / 30%);
  --ds-color-components-organ-particle-200-35: oklch(69.42% 0.075 18.04 / 35%);
  --ds-color-components-organ-particle-200-40: oklch(69.42% 0.075 18.04 / 40%);
  --ds-color-components-organ-particle-200-45: oklch(69.42% 0.075 18.04 / 45%);
  --ds-color-components-organ-particle-200-5: oklch(69.42% 0.075 18.04 / 5%);
  --ds-color-components-organ-particle-200-50: oklch(69.42% 0.075 18.04 / 50%);
  --ds-color-components-organ-particle-200-55: oklch(69.42% 0.075 18.04 / 55%);
  --ds-color-components-organ-particle-200-60: oklch(69.42% 0.075 18.04 / 60%);
  --ds-color-components-organ-particle-200-65: oklch(69.42% 0.075 18.04 / 65%);
  --ds-color-components-organ-particle-200-70: oklch(69.42% 0.075 18.04 / 70%);
  --ds-color-components-organ-particle-200-75: oklch(69.42% 0.075 18.04 / 75%);
  --ds-color-components-organ-particle-200-80: oklch(69.42% 0.075 18.04 / 80%);
  --ds-color-components-organ-particle-200-85: oklch(69.42% 0.075 18.04 / 85%);
  --ds-color-components-organ-particle-200-90: oklch(69.42% 0.075 18.04 / 90%);
  --ds-color-components-organ-particle-200-95: oklch(69.42% 0.075 18.04 / 95%);
  --ds-color-components-organ-particle-300-10: oklch(36.52% 0.072 54.83 / 10%);
  --ds-color-components-organ-particle-300-100: oklch(36.52% 0.072 54.83);
  --ds-color-components-organ-particle-300-15: oklch(36.52% 0.072 54.83 / 15%);
  --ds-color-components-organ-particle-300-20: oklch(36.52% 0.072 54.83 / 20%);
  --ds-color-components-organ-particle-300-25: oklch(36.52% 0.072 54.83 / 25%);
  --ds-color-components-organ-particle-300-30: oklch(36.52% 0.072 54.83 / 30%);
  --ds-color-components-organ-particle-300-35: oklch(36.52% 0.072 54.83 / 35%);
  --ds-color-components-organ-particle-300-40: oklch(36.52% 0.072 54.83 / 40%);
  --ds-color-components-organ-particle-300-45: oklch(36.52% 0.072 54.83 / 45%);
  --ds-color-components-organ-particle-300-5: oklch(36.52% 0.072 54.83 / 5%);
  --ds-color-components-organ-particle-300-50: oklch(36.52% 0.072 54.83 / 50%);
  --ds-color-components-organ-particle-300-55: oklch(36.52% 0.072 54.83 / 55%);
  --ds-color-components-organ-particle-300-60: oklch(36.52% 0.072 54.83 / 60%);
  --ds-color-components-organ-particle-300-65: oklch(36.52% 0.072 54.83 / 65%);
  --ds-color-components-organ-particle-300-70: oklch(36.52% 0.072 54.83 / 70%);
  --ds-color-components-organ-particle-300-75: oklch(36.52% 0.072 54.83 / 75%);
  --ds-color-components-organ-particle-300-80: oklch(36.52% 0.072 54.83 / 80%);
  --ds-color-components-organ-particle-300-85: oklch(36.52% 0.072 54.83 / 85%);
  --ds-color-components-organ-particle-300-90: oklch(36.52% 0.072 54.83 / 90%);
  --ds-color-components-organ-particle-300-95: oklch(36.52% 0.072 54.83 / 95%);
  --ds-color-fg-brand-black-100: oklch(0% 0 0);
  --ds-color-fg-brand-black-200: oklch(23.93% 0 263.28);
  --ds-color-fg-brand-black-300: oklch(28.09% 0 263.28);
  --ds-color-fg-brand-blue-primary-100: oklch(55.35% 0.135 257.48);
  --ds-color-fg-brand-blue-primary-200: oklch(55.35% 0.135 257.48);
  --ds-color-fg-brand-blue-primary-300: oklch(50.38% 0.156 258.2);
  --ds-color-fg-brand-blue-secondary-100: oklch(96.36% 0.018 253.39);
  --ds-color-fg-brand-blue-secondary-200: oklch(84.88% 0.043 257.15);
  --ds-color-fg-brand-blue-secondary-300: oklch(66.6% 0.092 256.66);
  --ds-color-fg-brand-boltbold-1: oklch(89.03% 0.169 94.39);
  --ds-color-fg-brand-boltbold-2: oklch(85.89% 0.163 94.52);
  --ds-color-fg-brand-boltbold-3: oklch(79.02% 0.149 94.1);
  --ds-color-fg-brand-earth-primary-100: oklch(42.14% 0.014 63.03);
  --ds-color-fg-brand-earth-primary-200: oklch(56.48% 0.009 99.08);
  --ds-color-fg-brand-earth-primary-300: oklch(61.69% 0.012 89.81);
  --ds-color-fg-brand-earth-secondary-100: oklch(61.69% 0.012 89.81);
  --ds-color-fg-brand-earth-secondary-200: oklch(56.48% 0.009 99.08);
  --ds-color-fg-brand-earth-secondary-300: oklch(42.14% 0.014 63.03);
  --ds-color-fg-brand-electricpurple-1: oklch(48.17% 0.259 289.26);
  --ds-color-fg-brand-electricpurple-2: oklch(38.76% 0.206 289.83);
  --ds-color-fg-brand-electricpurple-3: oklch(26.97% 0.134 292.24);
  --ds-color-fg-brand-orange-primary-100: oklch(77.1% 0.147 47.79);
  --ds-color-fg-brand-orange-primary-200: oklch(72.5% 0.181 45.29);
  --ds-color-fg-brand-orange-primary-300: oklch(70.16% 0.199 43.02);
  --ds-color-fg-brand-orange-secondary-100: oklch(57.68% 0.18 40.29);
  --ds-color-fg-brand-orange-secondary-200: oklch(46.5% 0.136 35.31);
  --ds-color-fg-brand-orange-secondary-300: oklch(23.05% 0.062 49.17);
  --ds-color-fg-brand-organ-100: oklch(94.05% 0.01 32.16);
  --ds-color-fg-brand-organ-200: oklch(73.64% 0.065 23.54);
  --ds-color-fg-brand-organ-300: oklch(51.26% 0.127 23.79);
  --ds-color-fg-brand-red-primary-100: oklch(94.54% 0.027 14.72);
  --ds-color-fg-brand-red-primary-200: oklch(74.47% 0.153 18.05);
  --ds-color-fg-brand-red-primary-300: oklch(67.85% 0.208 21.78);
  --ds-color-fg-brand-white-100: oklch(100% 0 263.28);
  --ds-color-fg-brand-white-200: oklch(97.31% 0 263.28);
  --ds-color-fg-brand-white-300: oklch(95.51% 0 263.28);
  --ds-color-fg-brand-yellow-primary-100: oklch(76.87% 0.13 85.58);
  --ds-color-fg-brand-yellow-primary-200: oklch(66.54% 0.111 85.08);
  --ds-color-fg-brand-yellow-primary-300: oklch(52.36% 0.085 85.78);
  --ds-color-fg-category-1: oklch(56.79% 0.102 86.62);
  --ds-color-fg-category-2: oklch(54.48% 0.092 224.5);
  --ds-color-fg-category-3: oklch(54.34% 0.165 41.78);
  --ds-color-fg-category-4: oklch(46.69% 0.168 348.71);
  --ds-color-fg-category-5: oklch(62.33% 0.117 108.2);
  --ds-color-fg-category-6: oklch(46.99% 0.1 33.22);
  --ds-color-fg-neutral-primary-100: oklch(0% 0 0);
  --ds-color-fg-neutral-primary-200: oklch(0% 0 0 / 64%);
  --ds-color-fg-neutral-primary-300: oklch(0% 0 0 / 32%);
  --ds-color-fg-neutral-primary-invert-100: oklch(100% 0 263.28);
  --ds-color-fg-neutral-primary-invert-200: oklch(100% 0 263.28 / 64%);
  --ds-color-fg-neutral-primary-invert-300: oklch(100% 0 263.28 / 32%);
  --ds-color-fg-neutral-secondary-100: oklch(0% 0 0 / 56%);
  --ds-color-fg-neutral-secondary-200: oklch(0% 0 0 / 72%);
  --ds-color-fg-neutral-secondary-300: oklch(0% 0 0 / 96%);
  --ds-color-fg-neutral-secondary-invert-100: oklch(100% 0 263.28 / 56%);
  --ds-color-fg-neutral-secondary-invert-200: oklch(100% 0 263.28 / 72%);
  --ds-color-fg-neutral-secondary-invert-300: oklch(100% 0 263.28 / 96%);
  --ds-color-fg-neutral-tertiary-100: oklch(0% 0 0 / 48%);
  --ds-color-fg-neutral-tertiary-200: oklch(0% 0 0 / 64%);
  --ds-color-fg-neutral-tertiary-300: oklch(0% 0 0 / 72%);
  --ds-color-fg-neutral-tertiary-invert-100: oklch(100% 0 263.28 / 48%);
  --ds-color-fg-neutral-tertiary-invert-200: oklch(100% 0 263.28 / 64%);
  --ds-color-fg-neutral-tertiary-invert-300: oklch(100% 0 263.28 / 72%);
  --ds-color-fg-range-optimal-primary-100: oklch(52.53% 0.134 149.79);
  --ds-color-fg-range-optimal-primary-invert-100: oklch(79.39% 0.129 153.87);
  --ds-color-fg-range-optimal-secondary-100: oklch(78.93% 0.181 151.31);
  --ds-color-fg-range-optimal-secondary-invert-100: oklch(42.92% 0.116 148.15);
  --ds-color-fg-range-out-of-range-primary-100: oklch(52.95% 0.216 28.17);
  --ds-color-fg-range-out-of-range-primary-invert-100: oklch(74.91% 0.152 18.42);
  --ds-color-fg-range-out-of-range-secondary-100: oklch(67.85% 0.208 21.78);
  --ds-color-fg-range-out-of-range-secondary-invert-100: oklch(74.91% 0.152 18.42);
  --ds-color-fg-range-suboptimal-primary-100: oklch(52.36% 0.085 85.78);
  --ds-color-fg-range-suboptimal-primary-invert-100: oklch(91.01% 0.118 97.22);
  --ds-color-fg-range-suboptimal-secondary-100: oklch(86.67% 0.148 85.34);
  --ds-color-fg-range-suboptimal-secondary-invert-100: oklch(91.01% 0.118 97.22);
  --ds-color-fg-sentiment-negative-100: oklch(56.93% 0.217 25.92);
  --ds-color-fg-sentiment-negative-200: oklch(46.01% 0.171 25.56);
  --ds-color-fg-sentiment-negative-300: oklch(36.26% 0.136 25.54);
  --ds-color-fg-sentiment-positive-100: oklch(62.34% 0.166 148.11);
  --ds-color-fg-sentiment-positive-200: oklch(52.72% 0.141 148.32);
  --ds-color-fg-sentiment-positive-300: oklch(42.92% 0.116 148.15);
  --ds-color-fg-sentiment-warning-100: oklch(66.02% 0.188 45.09);
  --ds-color-fg-sentiment-warning-200: oklch(55.69% 0.156 46.01);
  --ds-color-fg-sentiment-warning-300: oklch(44.73% 0.126 46.06);
  --ds-color-fg-static-black: oklch(0% 0 0);
  --ds-color-fg-static-white: oklch(100% 0 263.28);
  --ds-color-utilities-ios-keyboard-1: oklch(99.16% 0.003 285.64);
  --ds-color-utilities-ios-keyboard-10: oklch(94.24% 0.005 258.42);
  --ds-color-utilities-ios-keyboard-11: oklch(56.92% 0.015 285.84 / 12%);
  --ds-color-utilities-ios-keyboard-12: oklch(35.88% 0.012 285.73 / 60%);
  --ds-color-utilities-ios-keyboard-13: oklch(35.88% 0.012 285.73 / 30%);
  --ds-color-utilities-ios-keyboard-14: oklch(35.88% 0.012 285.73 / 60%);
  --ds-color-utilities-ios-keyboard-15: oklch(35.88% 0.012 285.73 / 30%);
  --ds-color-utilities-ios-keyboard-16: oklch(35.88% 0.012 285.73 / 60%);
  --ds-color-utilities-ios-keyboard-17: oklch(35.88% 0.012 285.73 / 80%);
  --ds-color-utilities-ios-keyboard-18: oklch(100% 0 263.28);
  --ds-color-utilities-ios-keyboard-19: oklch(56.53% 0.002 248.23);
  --ds-color-utilities-ios-keyboard-2: oklch(75.63% 0.015 264.48);
  --ds-color-utilities-ios-keyboard-20: oklch(100% 0 263.28);
  --ds-color-utilities-ios-keyboard-21: oklch(0% 0 0);
  --ds-color-utilities-ios-keyboard-22: oklch(35.88% 0.012 285.73 / 35%);
  --ds-color-utilities-ios-keyboard-23: oklch(97.95% 0.005 274.79);
  --ds-color-utilities-ios-keyboard-24: oklch(0% 0 0);
  --ds-color-utilities-ios-keyboard-25: oklch(63.35% 0.005 271.25);
  --ds-color-utilities-ios-keyboard-26: oklch(0% 0 0);
  --ds-color-utilities-ios-keyboard-27: oklch(63.35% 0.005 271.25);
  --ds-color-utilities-ios-keyboard-3: oklch(94.54% 0.005 258.42);
  --ds-color-utilities-ios-keyboard-4: oklch(0% 0 0);
  --ds-color-utilities-ios-keyboard-5: oklch(100% 0 263.28);
  --ds-color-utilities-ios-keyboard-6: oklch(60.27% 0.218 257.43);
  --ds-color-utilities-ios-keyboard-7: oklch(99.16% 0.003 285.64);
  --ds-color-utilities-ios-keyboard-8: oklch(99.16% 0.003 285.64);
  --ds-color-utilities-ios-keyboard-9: oklch(85.75% 0.007 268.49);
}

/* ─── tailwind.palette-dark.css ─────────────────────────────────────────── */

.theme-dark {

  /* BorderWidth */
  --ds-border-components-card-invert-border-size-md: 0px;
  --ds-border-components-card-invert-border-size-sm: 0px;

  /* Color */
  --ds-color-bg-brand-black-100: oklch(100% 0 263.28);
  --ds-color-bg-brand-black-200: oklch(97.31% 0 263.28);
  --ds-color-bg-brand-black-300: oklch(95.51% 0 263.28);
  --ds-color-bg-brand-blood-primary-100: oklch(19.03% 0.056 24.11);
  --ds-color-bg-brand-blood-primary-200: oklch(22.83% 0.052 22.07);
  --ds-color-bg-brand-blood-primary-300: oklch(32% 0.042 19.61);
  --ds-color-bg-brand-blue-primary-100: oklch(84.88% 0.043 257.15);
  --ds-color-bg-brand-blue-primary-200: oklch(66.6% 0.092 256.66);
  --ds-color-bg-brand-blue-primary-300: oklch(63.74% 0.103 256.86);
  --ds-color-bg-brand-blue-secondary-100: oklch(25.33% 0.065 257.47);
  --ds-color-bg-brand-blue-secondary-200: oklch(41.65% 0.124 257.95);
  --ds-color-bg-brand-blue-secondary-300: oklch(50.38% 0.156 258.2);
  --ds-color-bg-brand-earth-primary-100: oklch(42.14% 0.014 63.03);
  --ds-color-bg-brand-earth-primary-200: oklch(56.48% 0.009 99.08);
  --ds-color-bg-brand-earth-primary-300: oklch(61.69% 0.012 89.81);
  --ds-color-bg-brand-earth-secondary-100: oklch(26.34% 0.005 106.87);
  --ds-color-bg-brand-earth-secondary-200: oklch(42.14% 0.014 63.03);
  --ds-color-bg-brand-earth-secondary-300: oklch(56.48% 0.009 99.08);
  --ds-color-bg-brand-orange-primary-100: oklch(70.16% 0.199 43.02);
  --ds-color-bg-brand-orange-primary-200: oklch(57.68% 0.18 40.29);
  --ds-color-bg-brand-orange-primary-300: oklch(46.5% 0.136 35.31);
  --ds-color-bg-brand-orange-secondary-100: oklch(26.61% 0.068 52.81);
  --ds-color-bg-brand-orange-secondary-200: oklch(34.92% 0.091 50.94);
  --ds-color-bg-brand-orange-secondary-300: oklch(44.73% 0.126 46.06);
  --ds-color-bg-brand-red-primary-100: oklch(27.38% 0.111 26);
  --ds-color-bg-brand-red-primary-200: oklch(42.77% 0.174 27.77);
  --ds-color-bg-brand-red-primary-300: oklch(52.95% 0.216 28.17);
  --ds-color-bg-brand-two-1: oklch(86.76% 0.07 291.12);
  --ds-color-bg-brand-two-2: oklch(90.34% 0.059 305.08);
  --ds-color-bg-brand-two-3: oklch(93.21% 0.035 290.94);
  --ds-color-bg-brand-yellow-primary-100: oklch(52.36% 0.085 85.78);
  --ds-color-bg-brand-yellow-primary-200: oklch(66.54% 0.111 85.08);
  --ds-color-bg-brand-yellow-primary-300: oklch(76.87% 0.13 85.58);
  --ds-color-bg-brand-yellow-secondary-100: oklch(28.58% 0.042 87.79);
  --ds-color-bg-brand-yellow-secondary-200: oklch(40.73% 0.065 86.38);
  --ds-color-bg-brand-yellow-secondary-300: oklch(52.36% 0.085 85.78);
  --ds-color-bg-category-1: oklch(100% 0 263.28 / 6%);
  --ds-color-bg-category-2: oklch(100% 0 263.28 / 6%);
  --ds-color-bg-category-3: oklch(100% 0 263.28 / 6%);
  --ds-color-bg-category-4: oklch(100% 0 263.28 / 6%);
  --ds-color-bg-category-5: oklch(100% 0 263.28 / 6%);
  --ds-color-bg-category-6: oklch(100% 0 263.28 / 6%);
  --ds-color-bg-neutral-primary-100: oklch(100% 0 263.28);
  --ds-color-bg-neutral-primary-200: oklch(100% 0 263.28 / 64%);
  --ds-color-bg-neutral-primary-300: oklch(100% 0 263.28 / 48%);
  --ds-color-bg-neutral-primary-invert-100: oklch(0% 0 0);
  --ds-color-bg-neutral-primary-invert-200: oklch(0% 0 0 / 64%);
  --ds-color-bg-neutral-primary-invert-300: oklch(0% 0 0 / 48%);
  --ds-color-bg-neutral-secondary-100: oklch(100% 0 263.28 / 24%);
  --ds-color-bg-neutral-secondary-200: oklch(100% 0 263.28 / 32%);
  --ds-color-bg-neutral-secondary-300: oklch(100% 0 263.28 / 48%);
  --ds-color-bg-neutral-secondary-invert-100: oklch(0% 0 0 / 24%);
  --ds-color-bg-neutral-secondary-invert-200: oklch(0% 0 0 / 32%);
  --ds-color-bg-neutral-secondary-invert-300: oklch(0% 0 0 / 48%);
  --ds-color-bg-neutral-tertiary-100: oklch(100% 0 263.28 / 6%);
  --ds-color-bg-neutral-tertiary-200: oklch(100% 0 263.28 / 10%);
  --ds-color-bg-neutral-tertiary-300: oklch(100% 0 263.28 / 12%);
  --ds-color-bg-neutral-tertiary-invert-100: oklch(0% 0 0 / 6%);
  --ds-color-bg-neutral-tertiary-invert-200: oklch(0% 0 0 / 10%);
  --ds-color-bg-neutral-tertiary-invert-300: oklch(0% 0 0 / 12%);
  --ds-color-bg-overlay-blanket-100: oklch(0% 0 0 / 56%);
  --ds-color-bg-overlay-blanket-200: oklch(0% 0 0 / 72%);
  --ds-color-bg-overlay-blanket-300: oklch(0% 0 0 / 88%);
  --ds-color-bg-overlay-blanket-400: oklch(0% 0 0 / 96%);
  --ds-color-bg-overlay-blanket-invert-100: oklch(100% 0 263.28 / 24%);
  --ds-color-bg-overlay-blanket-invert-200: oklch(100% 0 263.28 / 64%);
  --ds-color-bg-overlay-blanket-invert-300: oklch(100% 0 263.28 / 72%);
  --ds-color-bg-overlay-blanket-invert-400: oklch(100% 0 263.28 / 96%);
  --ds-color-bg-range-optimal-primary-100: oklch(46.24% 0.116 150);
  --ds-color-bg-range-optimal-primary-200: oklch(52.53% 0.134 149.79);
  --ds-color-bg-range-optimal-primary-300: oklch(64.9% 0.169 149.65);
  --ds-color-bg-range-optimal-primary-invert-100: oklch(78.93% 0.181 151.31);
  --ds-color-bg-range-optimal-secondary-100: oklch(22.53% 0.048 151.72);
  --ds-color-bg-range-optimal-secondary-200: oklch(32.91% 0.078 150.93);
  --ds-color-bg-range-optimal-secondary-300: oklch(46.24% 0.116 150);
  --ds-color-bg-range-optimal-secondary-invert-100: oklch(98.45% 0.023 157.82);
  --ds-color-bg-range-out-of-range-primary-100: oklch(42.77% 0.174 27.77);
  --ds-color-bg-range-out-of-range-primary-200: oklch(52.95% 0.216 28.17);
  --ds-color-bg-range-out-of-range-primary-300: oklch(57.76% 0.236 28.33);
  --ds-color-bg-range-out-of-range-secondary-100: oklch(22.67% 0.092 25.82);
  --ds-color-bg-range-out-of-range-secondary-200: oklch(27.38% 0.111 26);
  --ds-color-bg-range-out-of-range-secondary-300: oklch(42.77% 0.174 27.77);
  --ds-color-bg-range-suboptimal-primary-100: oklch(86.67% 0.148 85.34);
  --ds-color-bg-range-suboptimal-primary-200: oklch(92.15% 0.09 87.17);
  --ds-color-bg-range-suboptimal-primary-300: oklch(97.14% 0.034 88.79);
  --ds-color-bg-range-suboptimal-secondary-100: oklch(28.58% 0.042 87.79);
  --ds-color-bg-range-suboptimal-secondary-200: oklch(40.73% 0.065 86.38);
  --ds-color-bg-range-suboptimal-secondary-300: oklch(52.36% 0.085 85.78);
  --ds-color-bg-sentiment-negative-primary-100: oklch(66.62% 0.209 22.12);
  --ds-color-bg-sentiment-negative-primary-200: oklch(75.08% 0.151 18.33);
  --ds-color-bg-sentiment-negative-primary-300: oklch(83.98% 0.089 14.76);
  --ds-color-bg-sentiment-negative-secondary-100: oklch(25.98% 0.099 25.63);
  --ds-color-bg-sentiment-negative-secondary-200: oklch(36.26% 0.136 25.54);
  --ds-color-bg-sentiment-negative-secondary-300: oklch(46.01% 0.171 25.56);
  --ds-color-bg-sentiment-positive-primary-100: oklch(80.97% 0.152 150.47);
  --ds-color-bg-sentiment-positive-primary-200: oklch(89.29% 0.104 152.07);
  --ds-color-bg-sentiment-positive-primary-300: oklch(96.97% 0.033 153.84);
  --ds-color-bg-sentiment-positive-secondary-100: oklch(26.01% 0.073 147.77);
  --ds-color-bg-sentiment-positive-secondary-200: oklch(33.5% 0.094 147.79);
  --ds-color-bg-sentiment-positive-secondary-300: oklch(42.92% 0.116 148.15);
  --ds-color-bg-sentiment-warning-primary-100: oklch(83.57% 0.107 55.98);
  --ds-color-bg-sentiment-warning-primary-200: oklch(91.05% 0.056 57.31);
  --ds-color-bg-sentiment-warning-primary-300: oklch(96.86% 0.019 60.08);
  --ds-color-bg-sentiment-warning-secondary-100: oklch(26.61% 0.068 52.81);
  --ds-color-bg-sentiment-warning-secondary-200: oklch(44.73% 0.126 46.06);
  --ds-color-bg-sentiment-warning-secondary-300: oklch(55.69% 0.156 46.01);
  --ds-color-bg-static-black: oklch(0% 0 0);
  --ds-color-bg-static-white: oklch(100% 0 263.28);
  --ds-color-bg-surface-100: oklch(16.84% 0 263.28);
  --ds-color-bg-surface-200: oklch(20.9% 0 263.28);
  --ds-color-bg-surface-300: oklch(24.78% 0 263.28);
  --ds-color-bg-surface-gradient-0: oklch(0% 0 0 / 0%);
  --ds-color-bg-surface-invert-100: oklch(100% 0 263.28);
  --ds-color-bg-surface-invert-200: oklch(95.51% 0 263.28);
  --ds-color-bg-surface-invert-300: oklch(90.67% 0 263.28);
  --ds-color-bg-surface-neutral-white-100: oklch(100% 0 263.28 / 6%);
  --ds-color-bg-surface-neutral-white-200: oklch(100% 0 263.28 / 10%);
  --ds-color-br-brand-blue-primary-100: oklch(84.88% 0.043 257.15);
  --ds-color-br-brand-blue-primary-200: oklch(66.6% 0.092 256.66);
  --ds-color-br-brand-blue-primary-300: oklch(63.74% 0.103 256.86);
  --ds-color-br-brand-blue-secondary-100: oklch(66.6% 0.092 256.66);
  --ds-color-br-brand-blue-secondary-200: oklch(63.74% 0.103 256.86);
  --ds-color-br-brand-blue-secondary-300: oklch(60.91% 0.113 257.05);
  --ds-color-br-color: oklch(100% 0 263.28 / 0%);
  --ds-color-br-neutral-black-100: oklch(100% 0 263.28);
  --ds-color-br-neutral-primary-100: oklch(100% 0 263.28);
  --ds-color-br-neutral-primary-200: oklch(100% 0 263.28 / 64%);
  --ds-color-br-neutral-primary-300: oklch(100% 0 263.28 / 48%);
  --ds-color-br-neutral-primary-invert-100: oklch(0% 0 0);
  --ds-color-br-neutral-primary-invert-200: oklch(0% 0 0 / 64%);
  --ds-color-br-neutral-primary-invert-300: oklch(0% 0 0 / 48%);
  --ds-color-br-neutral-secondary-100: oklch(100% 0 263.28 / 24%);
  --ds-color-br-neutral-secondary-200: oklch(100% 0 263.28 / 48%);
  --ds-color-br-neutral-secondary-300: oklch(100% 0 263.28 / 72%);
  --ds-color-br-neutral-secondary-invert-100: oklch(0% 0 0 / 24%);
  --ds-color-br-neutral-secondary-invert-200: oklch(0% 0 0 / 48%);
  --ds-color-br-neutral-secondary-invert-300: oklch(0% 0 0 / 72%);
  --ds-color-br-neutral-tertiary-100: oklch(100% 0 263.28 / 16%);
  --ds-color-br-neutral-tertiary-200: oklch(100% 0 263.28 / 24%);
  --ds-color-br-neutral-tertiary-300: oklch(100% 0 263.28 / 32%);
  --ds-color-br-neutral-tertiary-invert-100: oklch(0% 0 0 / 16%);
  --ds-color-br-neutral-tertiary-invert-200: oklch(0% 0 0 / 24%);
  --ds-color-br-neutral-tertiary-invert-300: oklch(0% 0 0 / 32%);
  --ds-color-br-sentiment-negative-100: oklch(75.08% 0.151 18.33);
  --ds-color-br-sentiment-negative-200: oklch(83.98% 0.089 14.76);
  --ds-color-br-sentiment-negative-300: oklch(91.35% 0.045 14.51);
  --ds-color-br-sentiment-positive-100: oklch(80.97% 0.152 150.47);
  --ds-color-br-sentiment-positive-200: oklch(89.29% 0.104 152.07);
  --ds-color-br-sentiment-positive-300: oklch(96.97% 0.033 153.84);
  --ds-color-br-sentiment-warning-100: oklch(83.57% 0.107 55.98);
  --ds-color-br-sentiment-warning-200: oklch(91.05% 0.056 57.31);
  --ds-color-br-sentiment-warning-300: oklch(96.86% 0.019 60.08);
  --ds-color-br-static-black: oklch(0% 0 0);
  --ds-color-br-static-white: oklch(100% 0 263.28);
  --ds-color-components-card-default-bg: var(--ds-color-bg-neutral-tertiary-100);
  /* Card that apply only for M and L */
  --ds-color-components-card-default-br: oklch(100% 0 263.28 / 8%);
  /* Card that apply only for M and L */
  --ds-color-components-card-invert-bg: var(--ds-color-bg-neutral-tertiary-100);
  --ds-color-components-chevron-100: oklch(100% 0 263.28 / 16%);
  --ds-color-components-chevron-200: oklch(100% 0 263.28 / 24%);
  --ds-color-components-chevron-300: oklch(100% 0 263.28 / 32%);
  --ds-color-components-divider-100: oklch(100% 0 263.28 / 8%);
  --ds-color-components-divider-200: oklch(100% 0 263.28 / 12%);
  --ds-color-components-divider-300: oklch(100% 0 263.28 / 16%);
  --ds-color-components-dropdown-bg: var(--ds-color-bg-surface-300);
  --ds-color-components-focus-ring-default: var(--ds-color-fg-neutral-primary-100);
  --ds-color-components-focus-ring-invert: var(--ds-color-fg-neutral-primary-invert-100);
  /* Card that apply only for M and L */
  --ds-color-components-info-panel-bg: var(--ds-color-bg-neutral-tertiary-100);
  /* Info panel component — border color.
Component type: Pattern
https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-79476 */
  --ds-color-components-info-panel-border: var(--ds-color-br-neutral-tertiary-100);
  --ds-color-components-input-bg: var(--ds-color-bg-neutral-tertiary-100);
  /* Card that apply only for M and L */
  --ds-color-components-layout-bg-body: var(--ds-color-bg-surface-200);
  /* Card that apply only for M and L */
  --ds-color-components-layout-bg-content: var(--ds-color-bg-surface-200);
  --ds-color-components-modal-bg: var(--ds-color-bg-surface-200);
  --ds-color-components-organ-halo-align: oklch(100% 0 263.28 / 8%);
  --ds-color-components-organ-halo-old: oklch(81.38% 0.067 49.29 / 12%);
  --ds-color-components-organ-halo-young: oklch(70.1% 0.086 134.61 / 16%);
  --ds-color-components-organ-particle-100: oklch(65.88% 0.156 49.7);
  --ds-color-components-organ-particle-100-10: oklch(65.88% 0.156 49.7 / 10%);
  --ds-color-components-organ-particle-100-15: oklch(65.88% 0.156 49.7 / 15%);
  --ds-color-components-organ-particle-100-20: oklch(65.88% 0.156 49.7 / 20%);
  --ds-color-components-organ-particle-100-25: oklch(65.88% 0.156 49.7 / 25%);
  --ds-color-components-organ-particle-100-30: oklch(65.88% 0.156 49.7 / 30%);
  --ds-color-components-organ-particle-100-35: oklch(65.88% 0.156 49.7 / 35%);
  --ds-color-components-organ-particle-100-40: oklch(65.88% 0.156 49.7 / 40%);
  --ds-color-components-organ-particle-100-45: oklch(65.88% 0.156 49.7 / 45%);
  --ds-color-components-organ-particle-100-5: oklch(65.88% 0.156 49.7 / 5%);
  --ds-color-components-organ-particle-100-50: oklch(65.88% 0.156 49.7 / 50%);
  --ds-color-components-organ-particle-100-55: oklch(65.88% 0.156 49.7 / 55%);
  --ds-color-components-organ-particle-100-60: oklch(65.88% 0.156 49.7 / 60%);
  --ds-color-components-organ-particle-100-65: oklch(65.88% 0.156 49.7 / 65%);
  --ds-color-components-organ-particle-100-70: oklch(65.88% 0.156 49.7 / 70%);
  --ds-color-components-organ-particle-100-75: oklch(65.88% 0.156 49.7 / 75%);
  --ds-color-components-organ-particle-100-80: oklch(65.88% 0.156 49.7 / 80%);
  --ds-color-components-organ-particle-100-85: oklch(65.88% 0.156 49.7 / 85%);
  --ds-color-components-organ-particle-100-90: oklch(65.88% 0.156 49.7 / 90%);
  --ds-color-components-organ-particle-100-95: oklch(65.88% 0.156 49.7 / 95%);
  --ds-color-components-organ-particle-200-10: oklch(87.65% 0.063 285.99 / 10%);
  --ds-color-components-organ-particle-200-100: oklch(87.65% 0.063 285.99);
  --ds-color-components-organ-particle-200-15: oklch(87.65% 0.063 285.99 / 15%);
  --ds-color-components-organ-particle-200-20: oklch(87.65% 0.063 285.99 / 20%);
  --ds-color-components-organ-particle-200-25: oklch(87.65% 0.063 285.99 / 25%);
  --ds-color-components-organ-particle-200-30: oklch(87.65% 0.063 285.99 / 30%);
  --ds-color-components-organ-particle-200-35: oklch(87.65% 0.063 285.99 / 35%);
  --ds-color-components-organ-particle-200-40: oklch(87.65% 0.063 285.99 / 40%);
  --ds-color-components-organ-particle-200-45: oklch(87.65% 0.063 285.99 / 45%);
  --ds-color-components-organ-particle-200-5: oklch(87.65% 0.063 285.99 / 5%);
  --ds-color-components-organ-particle-200-50: oklch(87.65% 0.063 285.99 / 50%);
  --ds-color-components-organ-particle-200-55: oklch(87.65% 0.063 285.99 / 55%);
  --ds-color-components-organ-particle-200-60: oklch(87.65% 0.063 285.99 / 60%);
  --ds-color-components-organ-particle-200-65: oklch(87.65% 0.063 285.99 / 65%);
  --ds-color-components-organ-particle-200-70: oklch(87.65% 0.063 285.99 / 70%);
  --ds-color-components-organ-particle-200-75: oklch(87.65% 0.063 285.99 / 75%);
  --ds-color-components-organ-particle-200-80: oklch(87.65% 0.063 285.99 / 80%);
  --ds-color-components-organ-particle-200-85: oklch(87.65% 0.063 285.99 / 85%);
  --ds-color-components-organ-particle-200-90: oklch(87.65% 0.063 285.99 / 90%);
  --ds-color-components-organ-particle-200-95: oklch(87.65% 0.063 285.99 / 95%);
  --ds-color-components-organ-particle-300-10: oklch(95.38% 0.061 90.8 / 10%);
  --ds-color-components-organ-particle-300-100: oklch(95.38% 0.061 90.8);
  --ds-color-components-organ-particle-300-15: oklch(95.38% 0.061 90.8 / 15%);
  --ds-color-components-organ-particle-300-20: oklch(95.38% 0.061 90.8 / 20%);
  --ds-color-components-organ-particle-300-25: oklch(95.38% 0.061 90.8 / 25%);
  --ds-color-components-organ-particle-300-30: oklch(95.38% 0.061 90.8 / 30%);
  --ds-color-components-organ-particle-300-35: oklch(95.38% 0.061 90.8 / 35%);
  --ds-color-components-organ-particle-300-40: oklch(95.38% 0.061 90.8 / 40%);
  --ds-color-components-organ-particle-300-45: oklch(95.38% 0.061 90.8 / 45%);
  --ds-color-components-organ-particle-300-5: oklch(95.38% 0.061 90.8 / 5%);
  --ds-color-components-organ-particle-300-50: oklch(95.38% 0.061 90.8 / 50%);
  --ds-color-components-organ-particle-300-55: oklch(95.38% 0.061 90.8 / 55%);
  --ds-color-components-organ-particle-300-60: oklch(95.38% 0.061 90.8 / 60%);
  --ds-color-components-organ-particle-300-65: oklch(95.38% 0.061 90.8 / 65%);
  --ds-color-components-organ-particle-300-70: oklch(95.38% 0.061 90.8 / 70%);
  --ds-color-components-organ-particle-300-75: oklch(95.38% 0.061 90.8 / 75%);
  --ds-color-components-organ-particle-300-80: oklch(95.38% 0.061 90.8 / 80%);
  --ds-color-components-organ-particle-300-85: oklch(95.38% 0.061 90.8 / 85%);
  --ds-color-components-organ-particle-300-90: oklch(95.38% 0.061 90.8 / 90%);
  --ds-color-components-organ-particle-300-95: oklch(95.38% 0.061 90.8 / 95%);
  --ds-color-fg-brand-black-100: oklch(0% 0 0);
  --ds-color-fg-brand-black-200: oklch(23.93% 0 263.28);
  --ds-color-fg-brand-black-300: oklch(28.09% 0 263.28);
  --ds-color-fg-brand-blue-primary-100: oklch(84.88% 0.043 257.15);
  --ds-color-fg-brand-blue-primary-200: oklch(66.6% 0.092 256.66);
  --ds-color-fg-brand-blue-primary-300: oklch(63.74% 0.103 256.86);
  --ds-color-fg-brand-blue-secondary-100: oklch(66.6% 0.092 256.66);
  --ds-color-fg-brand-blue-secondary-200: oklch(63.74% 0.103 256.86);
  --ds-color-fg-brand-blue-secondary-300: oklch(60.91% 0.113 257.05);
  --ds-color-fg-brand-boltbold-1: oklch(89.03% 0.169 94.39);
  --ds-color-fg-brand-boltbold-2: oklch(92.12% 0.189 101.98);
  --ds-color-fg-brand-boltbold-3: oklch(94.25% 0.077 91.29);
  --ds-color-fg-brand-earth-primary-100: oklch(95.51% 0 263.28);
  --ds-color-fg-brand-earth-primary-200: oklch(90.67% 0 263.28);
  --ds-color-fg-brand-earth-primary-300: oklch(81.41% 0 263.28);
  --ds-color-fg-brand-earth-secondary-100: oklch(81.41% 0 263.28);
  --ds-color-fg-brand-earth-secondary-200: oklch(90.67% 0 263.28);
  --ds-color-fg-brand-earth-secondary-300: oklch(95.51% 0 263.28);
  --ds-color-fg-brand-electricpurple-1: oklch(78.41% 0.095 294.35);
  --ds-color-fg-brand-electricpurple-2: oklch(86.48% 0.057 294.09);
  --ds-color-fg-brand-electricpurple-3: oklch(97.92% 0.011 291.74);
  --ds-color-fg-brand-orange-primary-100: oklch(77.1% 0.147 47.79);
  --ds-color-fg-brand-orange-primary-200: oklch(81.55% 0.114 48.53);
  --ds-color-fg-brand-orange-primary-300: oklch(85.05% 0.09 49.69);
  --ds-color-fg-brand-orange-secondary-100: oklch(81.55% 0.114 48.53);
  --ds-color-fg-brand-orange-secondary-200: oklch(88.52% 0.067 49.8);
  --ds-color-fg-brand-orange-secondary-300: oklch(96.02% 0.022 49.82);
  --ds-color-fg-brand-organ-100: oklch(94.05% 0.01 32.16);
  --ds-color-fg-brand-organ-200: oklch(73.64% 0.065 23.54);
  --ds-color-fg-brand-organ-300: oklch(51.26% 0.127 23.79);
  --ds-color-fg-brand-red-primary-100: oklch(57.76% 0.236 28.33);
  --ds-color-fg-brand-red-primary-200: oklch(63.4% 0.249 26.77);
  --ds-color-fg-brand-red-primary-300: oklch(64.91% 0.234 24.47);
  --ds-color-fg-brand-white-100: oklch(100% 0 263.28);
  --ds-color-fg-brand-white-200: oklch(97.31% 0 263.28);
  --ds-color-fg-brand-white-300: oklch(95.51% 0 263.28);
  --ds-color-fg-brand-yellow-primary-100: oklch(83.4% 0.142 85.56);
  --ds-color-fg-brand-yellow-primary-200: oklch(86.67% 0.148 85.34);
  --ds-color-fg-brand-yellow-primary-300: oklch(92.15% 0.09 87.17);
  --ds-color-fg-category-1: oklch(76.17% 0.127 87.32);
  --ds-color-fg-category-2: oklch(64.21% 0.111 225.95);
  --ds-color-fg-category-3: oklch(70.83% 0.195 44.63);
  --ds-color-fg-category-4: oklch(61.94% 0.201 347.45);
  --ds-color-fg-category-5: oklch(80.73% 0.139 107.32);
  --ds-color-fg-category-6: oklch(69.88% 0.086 31.24);
  --ds-color-fg-neutral-primary-100: oklch(100% 0 263.28);
  --ds-color-fg-neutral-primary-200: oklch(100% 0 263.28 / 72%);
  --ds-color-fg-neutral-primary-300: oklch(100% 0 263.28 / 32%);
  --ds-color-fg-neutral-primary-invert-100: oklch(0% 0 0);
  --ds-color-fg-neutral-primary-invert-200: oklch(0% 0 0 / 64%);
  --ds-color-fg-neutral-primary-invert-300: oklch(0% 0 0 / 32%);
  --ds-color-fg-neutral-secondary-100: oklch(100% 0 263.28 / 56%);
  --ds-color-fg-neutral-secondary-200: oklch(100% 0 263.28 / 72%);
  --ds-color-fg-neutral-secondary-300: oklch(100% 0 263.28 / 96%);
  --ds-color-fg-neutral-secondary-invert-100: oklch(0% 0 0 / 56%);
  --ds-color-fg-neutral-secondary-invert-200: oklch(0% 0 0 / 72%);
  --ds-color-fg-neutral-secondary-invert-300: oklch(0% 0 0 / 96%);
  --ds-color-fg-neutral-tertiary-100: oklch(100% 0 263.28 / 48%);
  --ds-color-fg-neutral-tertiary-200: oklch(100% 0 263.28 / 64%);
  --ds-color-fg-neutral-tertiary-300: oklch(100% 0 263.28 / 72%);
  --ds-color-fg-neutral-tertiary-invert-100: oklch(0% 0 0 / 48%);
  --ds-color-fg-neutral-tertiary-invert-200: oklch(0% 0 0 / 64%);
  --ds-color-fg-neutral-tertiary-invert-300: oklch(0% 0 0 / 72%);
  --ds-color-fg-range-optimal-primary-100: oklch(89.2% 0.091 155.76);
  --ds-color-fg-range-optimal-primary-invert-100: oklch(42.92% 0.116 148.15);
  --ds-color-fg-range-optimal-secondary-100: oklch(78.93% 0.181 151.31);
  --ds-color-fg-range-optimal-secondary-invert-100: oklch(79.39% 0.129 153.87);
  --ds-color-fg-range-out-of-range-primary-100: oklch(83.95% 0.089 15.62);
  --ds-color-fg-range-out-of-range-primary-invert-100: oklch(55.44% 0.227 28.35);
  --ds-color-fg-range-out-of-range-secondary-100: oklch(74.47% 0.153 18.05);
  --ds-color-fg-range-out-of-range-secondary-invert-100: oklch(55.44% 0.227 28.35);
  --ds-color-fg-range-suboptimal-primary-100: oklch(92.15% 0.09 87.17);
  --ds-color-fg-range-suboptimal-primary-invert-100: oklch(47.26% 0.087 84.97);
  --ds-color-fg-range-suboptimal-secondary-100: oklch(92.15% 0.09 87.17);
  --ds-color-fg-range-suboptimal-secondary-invert-100: oklch(56.08% 0.115 95.03);
  --ds-color-fg-sentiment-negative-100: oklch(75.08% 0.151 18.33);
  --ds-color-fg-sentiment-negative-200: oklch(83.98% 0.089 14.76);
  --ds-color-fg-sentiment-negative-300: oklch(91.35% 0.045 14.51);
  --ds-color-fg-sentiment-positive-100: oklch(71.2% 0.168 149.31);
  --ds-color-fg-sentiment-positive-200: oklch(80.97% 0.152 150.47);
  --ds-color-fg-sentiment-positive-300: oklch(89.29% 0.104 152.07);
  --ds-color-fg-sentiment-warning-100: oklch(83.57% 0.107 55.98);
  --ds-color-fg-sentiment-warning-200: oklch(91.05% 0.056 57.31);
  --ds-color-fg-sentiment-warning-300: oklch(96.86% 0.019 60.08);
  --ds-color-fg-static-black: oklch(0% 0 0);
  --ds-color-fg-static-white: oklch(100% 0 263.28);
  --ds-color-utilities-ios-keyboard-1: oklch(100% 0 263.28 / 30%);
  --ds-color-utilities-ios-keyboard-10: oklch(34.07% 0 263.28 / 75%);
  --ds-color-utilities-ios-keyboard-11: oklch(56.92% 0.015 285.84 / 24%);
  --ds-color-utilities-ios-keyboard-12: oklch(100% 0 263.28);
  --ds-color-utilities-ios-keyboard-13: oklch(94.3% 0.013 286.01 / 30%);
  --ds-color-utilities-ios-keyboard-14: oklch(35.88% 0.012 285.73 / 60%);
  --ds-color-utilities-ios-keyboard-15: oklch(94.3% 0.013 286.01 / 60%);
  --ds-color-utilities-ios-keyboard-16: oklch(94.3% 0.013 286.01 / 60%);
  --ds-color-utilities-ios-keyboard-17: oklch(92.8% 0 263.28);
  --ds-color-utilities-ios-keyboard-18: oklch(0% 0 0);
  --ds-color-utilities-ios-keyboard-19: oklch(100% 0 263.28 / 40%);
  --ds-color-utilities-ios-keyboard-2: oklch(100% 0 263.28 / 12%);
  --ds-color-utilities-ios-keyboard-20: oklch(100% 0 263.28);
  --ds-color-utilities-ios-keyboard-21: oklch(100% 0 263.28 / 40%);
  --ds-color-utilities-ios-keyboard-22: oklch(100% 0 263.28 / 40%);
  --ds-color-utilities-ios-keyboard-23: oklch(56.92% 0.015 285.84 / 24%);
  --ds-color-utilities-ios-keyboard-24: oklch(92.8% 0 263.28);
  --ds-color-utilities-ios-keyboard-25: oklch(0% 0 0 / 40%);
  --ds-color-utilities-ios-keyboard-26: oklch(0% 0 0);
  --ds-color-utilities-ios-keyboard-27: oklch(0% 0 0);
  --ds-color-utilities-ios-keyboard-3: oklch(44.81% 0.003 344.6);
  --ds-color-utilities-ios-keyboard-4: oklch(100% 0 263.28);
  --ds-color-utilities-ios-keyboard-5: oklch(100% 0 263.28);
  --ds-color-utilities-ios-keyboard-6: oklch(62.42% 0.206 255.49);
  --ds-color-utilities-ios-keyboard-7: oklch(82.03% 0 263.28);
  --ds-color-utilities-ios-keyboard-8: oklch(38.29% 0 263.28);
  --ds-color-utilities-ios-keyboard-9: oklch(47.84% 0 263.28);
}

/* ─── tailwind.breakpoint-xs-576.css ─────────────────────────────────────────── */

:root {
  --breakpoint-xs: 36rem;
}

  @media (min-width: 36rem) {
    :root {

      /* Space */
      /* Form component (address form).
      Component type: Feature
      https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=89-6480 */
      --ds-spacing-components-form-fields-gap: 16px;
      /* ⚠ Replaced — OTP component now uses space/2xs.
      Component type: Feature
      https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=142-5607 */
      --ds-spacing-components-form-otp-input-gap: 8px;
      /* Modal full — footer padding.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-26492 */
      --ds-spacing-components-overlay-padding-small: 16px;
      /* Modal full — questionnaire header.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=6759-49599 */
      --ds-spacing-components-questionnaire-left-right-padding: 32px;
      /* Modal full — questionnaire header.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=6759-49599 */
      --ds-spacing-components-questionnaire-top-padding: 12px;
      /* Top padding for the page body area, below the navigation bar — scales per breakpoint. */
      --ds-spacing-layout-body-padding-top: 0px;
      /* Gap between major sections within the page container, largest spacing tier.
      https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
      --ds-spacing-layout-container-gap-xl: 24px;
      /* Horizontal padding for the outer page container — keeps content clear of the left and right edges, scales per breakpoint.
      https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
      --ds-spacing-layout-container-padding-left-right: 16px;
      /* Vertical padding for the outer page container — keeps content clear of the top and bottom edges, scales per breakpoint.
      https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
      --ds-spacing-layout-container-padding-top-bottom: 24px;
      /* Gap between content blocks within the page body — general spacing primitive, scales per breakpoint. */
      --ds-spacing-layout-content-gap: 36px;
      /* Module info panel component — padding.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-79476 */
      --ds-spacing-layout-info-panel-padding: 16px;
      /* List item interactive component — negative gap variant.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
      --ds-spacing-layout-item-negative-gap: 0px;
      /* List item interactive component — positive gap variant.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
      --ds-spacing-layout-item-positive-gap: 8px;
      /* Menu component — item list gap.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
      --ds-spacing-layout-itemlist-gap: 2px;
      /* List item interactive component — horizontal padding (auto size variant).
      Component type: Core
      https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=32611-20529 */
      --ds-spacing-layout-list-interactive-padding-left-right: 0px;
      /* Card component — module gap.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-25935 */
      --ds-spacing-layout-module-gap: 16px;
      /* Card component — module group gap.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
      --ds-spacing-layout-modulegroup-gap: 28px;

      /* Size */
      /* Dropdown component.
      Component type: Core
      https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=32604-16145 */
      --ds-spacing-components-dropdown-max-height: 10000px;
      /* Email template — applies to max-width (not indicated by token name).
      Component type: Feature
      https://www.figma.com/design/xPlMRQEmZg4SZwAOFfmGGg/Emails?node-id=3001-4557 */
      --ds-spacing-components-email: 512px;
      /* ⚠ Replaced — OTP component now uses interactive/height/md.
      Component type: Feature
      https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=142-5607 */
      --ds-spacing-components-form-otp-input: 48px;
      /* Hero banner component — Insights dashboard.
      Component type: Feature
      https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=649-34863 */
      --ds-spacing-components-hero-banner-height: 256px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint. */
      --ds-spacing-layout-container-max-width-2xs: 10000px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
      Live example: Insights → 'Biomarkers + Wearable (live)' page → 'Inisghts / L' → Body → Section group → Section → Container
      https://www.figma.com/design/Af0I8xiStHdKp0dKV8Sdcz/Insights?node-id=21096-302272 */
      --ds-spacing-layout-container-max-width-lg: 1440px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
      Live example: Insights → 'Biomarkers + Wearable (live)' page → 'Inisghts / M' → Body → Section group → Section → Container
      https://www.figma.com/design/Af0I8xiStHdKp0dKV8Sdcz/Insights?node-id=21801-147983 */
      --ds-spacing-layout-container-max-width-md: 1280px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
      Live example: Insights → 'Biomarkers + Wearable (live)' page → 'Inisghts / L' → Body → Section group → Section → Container
      https://www.figma.com/design/Af0I8xiStHdKp0dKV8Sdcz/Insights?node-id=21096-302272 */
      --ds-spacing-layout-container-max-width-sm: 1080px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
      https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
      --ds-spacing-layout-container-max-width-xs: 800px;
      /* Module info panel component — max-width.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-79476 */
      --ds-spacing-layout-info-panel-width: 10000px;
      /* Menu component — max-width.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2329-2756 */
      --ds-spacing-layout-menu-max-width: 10000px;
      /* Fixed viewport height — applies to max-height (not indicated by token name).
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=9238-34104 */
      --ds-spacing-screen-fixed-height: 852px;
      --ds-spacing-screen-fixed-width: 393px;
      --ds-spacing-screen-max-width: 599px;
      --ds-spacing-screen-min-width: 320px;

      /* FontSize */
      --ds-text-font-size-body-100: 12px;
      --ds-text-font-size-body-200: 14px;
      --ds-text-font-size-body-300: 16px;
      --ds-text-font-size-body-400: 18px;
      --ds-text-font-size-body-50: 10px;
      --ds-text-font-size-body-500: 20px;
      --ds-text-font-size-body-600: 24px;
      --ds-text-font-size-display-100: 20px;
      --ds-text-font-size-display-200: 26px;
      --ds-text-font-size-display-300: 36px;
      --ds-text-font-size-display-400: 32px;
      --ds-text-font-size-display-secondary-100: 20px;
      --ds-text-font-size-display-secondary-200: 26px;
      --ds-text-font-size-display-secondary-300: 36px;
      --ds-text-font-size-display-secondary-400: 40px;
      --ds-text-font-size-headlines-100: 10px;
      --ds-text-font-size-headlines-200: 10px;
      --ds-text-font-size-headlines-300: 12px;
      --ds-text-font-size-headlines-400: 14px;
      --ds-text-font-size-headlines-500: 16px;
      --ds-text-font-size-headlines-600: 18px;
      --ds-text-font-size-headlines-700: 24px;
      --ds-text-font-size-headlines-800: 32px;
      --ds-text-font-size-headlines-secondary-100: 10px;
      --ds-text-font-size-headlines-secondary-200: 10px;
      --ds-text-font-size-headlines-secondary-300: 12px;
      --ds-text-font-size-headlines-secondary-400: 14px;
      --ds-text-font-size-headlines-secondary-500: 16px;
      --ds-text-font-size-headlines-secondary-600: 32px;
      --ds-text-font-size-headlines-secondary-700: 36px;
      --ds-text-font-size-headlines-secondary-800: 36px;
      --ds-text-font-size-label-100: 12px;
      --ds-text-font-size-label-200: 14px;
      --ds-text-font-size-label-300: 16px;
      --ds-text-font-size-label-400: 20px;

      /* LineHeight */
      --ds-leading-font-line-height-body-100: 14px;
      --ds-leading-font-line-height-body-200: 18px;
      --ds-leading-font-line-height-body-300: 20px;
      --ds-leading-font-line-height-body-400: 22px;
      --ds-leading-font-line-height-body-50: 12px;
      --ds-leading-font-line-height-body-500: 24px;
      --ds-leading-font-line-height-body-600: 26px;
      --ds-leading-font-line-height-display-100: 22px;
      --ds-leading-font-line-height-display-200: 28px;
      --ds-leading-font-line-height-display-300: 38px;
      --ds-leading-font-line-height-display-400: 32px;
      --ds-leading-font-line-height-display-secondary-100: 22px;
      --ds-leading-font-line-height-display-secondary-200: 28px;
      --ds-leading-font-line-height-display-secondary-300: 38px;
      --ds-leading-font-line-height-display-secondary-400: 40px;
      --ds-leading-font-line-height-headlines-100: 14px;
      --ds-leading-font-line-height-headlines-200: 14px;
      --ds-leading-font-line-height-headlines-300: 16px;
      --ds-leading-font-line-height-headlines-400: 18px;
      --ds-leading-font-line-height-headlines-500: 20px;
      --ds-leading-font-line-height-headlines-600: 22px;
      --ds-leading-font-line-height-headlines-700: 24px;
      --ds-leading-font-line-height-headlines-800: 32px;
      --ds-leading-font-line-height-headlines-secondary-100: 14px;
      --ds-leading-font-line-height-headlines-secondary-200: 14px;
      --ds-leading-font-line-height-headlines-secondary-300: 16px;
      --ds-leading-font-line-height-headlines-secondary-400: 18px;
      --ds-leading-font-line-height-headlines-secondary-500: 20px;
      --ds-leading-font-line-height-headlines-secondary-600: 26px;
      --ds-leading-font-line-height-headlines-secondary-700: 36px;
      --ds-leading-font-line-height-headlines-secondary-800: 36px;
      --ds-leading-font-line-height-label-100: 14px;
      --ds-leading-font-line-height-label-200: 16px;
      --ds-leading-font-line-height-label-300: 18px;
      --ds-leading-font-line-height-label-400: 24px;

      /* BorderRadius */
      /* TBC — no live binding found across Core, Patterns, DS26 Feature, Plan/Prescription, and Insights. */
      --ds-radius-layout-body-corner-top-left: 0px;

      /* BorderWidth */
      /* ⚠ Not bound to any live component — border width appears hardcoded/unbound on "Module info panel" rather than token-driven. Not the same slot as components/info panel/border (that one controls border color, a different property). */
      --ds-border-layout-info-panel-border: 0px;

      /* Typography */
      --ds-typography-font-display-secondary-100: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-secondary-100) / var(--ds-leading-font-line-height-display-secondary-100) var(--ds-font-family-secondary);
      --ds-letter-spacing-typography-font-display-secondary-100: var(--ds-tracking-font-letter-spacing-normal);
      --ds-typography-font-display-secondary-400: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-secondary-400) / var(--ds-leading-font-line-height-display-secondary-400) var(--ds-font-family-secondary);
      --ds-letter-spacing-typography-font-display-secondary-400: var(--ds-tracking-font-letter-spacing-tight);
}
}

/* ─── tailwind.breakpoint-sm-768.css ─────────────────────────────────────────── */

:root {
  --breakpoint-sm: 48rem;
}

  @media (min-width: 48rem) {
    :root {

      /* Space */
      /* Form component (address form).
      Component type: Feature
      https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=89-6480 */
      --ds-spacing-components-form-fields-gap: 20px;
      /* ⚠ Replaced — OTP component now uses space/2xs.
      Component type: Feature
      https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=142-5607 */
      --ds-spacing-components-form-otp-input-gap: 12px;
      /* Modal full — footer padding.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-26492 */
      --ds-spacing-components-overlay-padding-small: 20px;
      /* Modal full — questionnaire header.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=6759-49599 */
      --ds-spacing-components-questionnaire-left-right-padding: 64px;
      /* Modal full — questionnaire header.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=6759-49599 */
      --ds-spacing-components-questionnaire-top-padding: 16px;
      /* Top padding for the page body area, below the navigation bar — scales per breakpoint. */
      --ds-spacing-layout-body-padding-top: 0px;
      /* Gap between major sections within the page container, largest spacing tier.
      https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
      --ds-spacing-layout-container-gap-xl: 28px;
      /* Horizontal padding for the outer page container — keeps content clear of the left and right edges, scales per breakpoint.
      https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
      --ds-spacing-layout-container-padding-left-right: 16px;
      /* Vertical padding for the outer page container — keeps content clear of the top and bottom edges, scales per breakpoint.
      https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
      --ds-spacing-layout-container-padding-top-bottom: 28px;
      /* Gap between content blocks within the page body — general spacing primitive, scales per breakpoint. */
      --ds-spacing-layout-content-gap: 40px;
      /* Module info panel component — padding.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-79476 */
      --ds-spacing-layout-info-panel-padding: 16px;
      /* List item interactive component — negative gap variant.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
      --ds-spacing-layout-item-negative-gap: 0px;
      /* List item interactive component — positive gap variant.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
      --ds-spacing-layout-item-positive-gap: 8px;
      /* Menu component — item list gap.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
      --ds-spacing-layout-itemlist-gap: 4px;
      /* List item interactive component — horizontal padding (auto size variant).
      Component type: Core
      https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=32611-20529 */
      --ds-spacing-layout-list-interactive-padding-left-right: 0px;
      /* Card component — module gap.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-25935 */
      --ds-spacing-layout-module-gap: 20px;
      /* Card component — module group gap.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
      --ds-spacing-layout-modulegroup-gap: 30px;

      /* Size */
      /* Dropdown component.
      Component type: Core
      https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=32604-16145 */
      --ds-spacing-components-dropdown-max-height: 640px;
      /* Email template — applies to max-width (not indicated by token name).
      Component type: Feature
      https://www.figma.com/design/xPlMRQEmZg4SZwAOFfmGGg/Emails?node-id=3001-4557 */
      --ds-spacing-components-email: 512px;
      /* ⚠ Replaced — OTP component now uses interactive/height/md.
      Component type: Feature
      https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=142-5607 */
      --ds-spacing-components-form-otp-input: 64px;
      /* Hero banner component — Insights dashboard.
      Component type: Feature
      https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=649-34863 */
      --ds-spacing-components-hero-banner-height: 256px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint. */
      --ds-spacing-layout-container-max-width-2xs: 512px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
      Live example: Insights → 'Biomarkers + Wearable (live)' page → 'Inisghts / L' → Body → Section group → Section → Container
      https://www.figma.com/design/Af0I8xiStHdKp0dKV8Sdcz/Insights?node-id=21096-302272 */
      --ds-spacing-layout-container-max-width-lg: 1440px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
      Live example: Insights → 'Biomarkers + Wearable (live)' page → 'Inisghts / M' → Body → Section group → Section → Container
      https://www.figma.com/design/Af0I8xiStHdKp0dKV8Sdcz/Insights?node-id=21801-147983 */
      --ds-spacing-layout-container-max-width-md: 1280px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
      Live example: Insights → 'Biomarkers + Wearable (live)' page → 'Inisghts / L' → Body → Section group → Section → Container
      https://www.figma.com/design/Af0I8xiStHdKp0dKV8Sdcz/Insights?node-id=21096-302272 */
      --ds-spacing-layout-container-max-width-sm: 1080px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
      https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
      --ds-spacing-layout-container-max-width-xs: 800px;
      /* Module info panel component — max-width.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-79476 */
      --ds-spacing-layout-info-panel-width: 10000px;
      /* Menu component — max-width.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2329-2756 */
      --ds-spacing-layout-menu-max-width: 10000px;
      /* Fixed viewport height — applies to max-height (not indicated by token name).
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=9238-34104 */
      --ds-spacing-screen-fixed-height: 1080px;
      --ds-spacing-screen-fixed-width: 600px;
      --ds-spacing-screen-max-width: 991px;
      --ds-spacing-screen-min-width: 600px;

      /* FontSize */
      --ds-text-font-size-body-100: 12px;
      --ds-text-font-size-body-200: 14px;
      --ds-text-font-size-body-300: 16px;
      --ds-text-font-size-body-400: 18px;
      --ds-text-font-size-body-50: 10px;
      --ds-text-font-size-body-500: 20px;
      --ds-text-font-size-body-600: 24px;
      --ds-text-font-size-display-100: 20px;
      --ds-text-font-size-display-200: 28px;
      --ds-text-font-size-display-300: 40px;
      --ds-text-font-size-display-400: 36px;
      --ds-text-font-size-display-secondary-100: 20px;
      --ds-text-font-size-display-secondary-200: 28px;
      --ds-text-font-size-display-secondary-300: 40px;
      --ds-text-font-size-display-secondary-400: 44px;
      --ds-text-font-size-headlines-100: 10px;
      --ds-text-font-size-headlines-200: 12px;
      --ds-text-font-size-headlines-300: 14px;
      --ds-text-font-size-headlines-400: 16px;
      --ds-text-font-size-headlines-500: 18px;
      --ds-text-font-size-headlines-600: 20px;
      --ds-text-font-size-headlines-700: 26px;
      --ds-text-font-size-headlines-800: 32px;
      --ds-text-font-size-headlines-secondary-100: 10px;
      --ds-text-font-size-headlines-secondary-200: 12px;
      --ds-text-font-size-headlines-secondary-300: 14px;
      --ds-text-font-size-headlines-secondary-400: 16px;
      --ds-text-font-size-headlines-secondary-500: 18px;
      --ds-text-font-size-headlines-secondary-600: 32px;
      --ds-text-font-size-headlines-secondary-700: 40px;
      --ds-text-font-size-headlines-secondary-800: 44px;
      --ds-text-font-size-label-100: 12px;
      --ds-text-font-size-label-200: 14px;
      --ds-text-font-size-label-300: 16px;
      --ds-text-font-size-label-400: 20px;

      /* LineHeight */
      --ds-leading-font-line-height-body-100: 14px;
      --ds-leading-font-line-height-body-200: 18px;
      --ds-leading-font-line-height-body-300: 20px;
      --ds-leading-font-line-height-body-400: 22px;
      --ds-leading-font-line-height-body-50: 12px;
      --ds-leading-font-line-height-body-500: 24px;
      --ds-leading-font-line-height-body-600: 26px;
      --ds-leading-font-line-height-display-100: 22px;
      --ds-leading-font-line-height-display-200: 32px;
      --ds-leading-font-line-height-display-300: 44px;
      --ds-leading-font-line-height-display-400: 36px;
      --ds-leading-font-line-height-display-secondary-100: 22px;
      --ds-leading-font-line-height-display-secondary-200: 32px;
      --ds-leading-font-line-height-display-secondary-300: 44px;
      --ds-leading-font-line-height-display-secondary-400: 44px;
      --ds-leading-font-line-height-headlines-100: 14px;
      --ds-leading-font-line-height-headlines-200: 16px;
      --ds-leading-font-line-height-headlines-300: 18px;
      --ds-leading-font-line-height-headlines-400: 20px;
      --ds-leading-font-line-height-headlines-500: 22px;
      --ds-leading-font-line-height-headlines-600: 24px;
      --ds-leading-font-line-height-headlines-700: 26px;
      --ds-leading-font-line-height-headlines-800: 32px;
      --ds-leading-font-line-height-headlines-secondary-100: 14px;
      --ds-leading-font-line-height-headlines-secondary-200: 16px;
      --ds-leading-font-line-height-headlines-secondary-300: 18px;
      --ds-leading-font-line-height-headlines-secondary-400: 20px;
      --ds-leading-font-line-height-headlines-secondary-500: 22px;
      --ds-leading-font-line-height-headlines-secondary-600: 28px;
      --ds-leading-font-line-height-headlines-secondary-700: 40px;
      --ds-leading-font-line-height-headlines-secondary-800: 40px;
      --ds-leading-font-line-height-label-100: 14px;
      --ds-leading-font-line-height-label-200: 16px;
      --ds-leading-font-line-height-label-300: 18px;
      --ds-leading-font-line-height-label-400: 24px;

      /* BorderRadius */
      /* TBC — no live binding found across Core, Patterns, DS26 Feature, Plan/Prescription, and Insights. */
      --ds-radius-layout-body-corner-top-left: 0px;

      /* BorderWidth */
      /* ⚠ Not bound to any live component — border width appears hardcoded/unbound on "Module info panel" rather than token-driven. Not the same slot as components/info panel/border (that one controls border color, a different property). */
      --ds-border-layout-info-panel-border: 0px;

      /* Typography */
      --ds-typography-font-display-secondary-100: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-secondary-100) / var(--ds-leading-font-line-height-display-secondary-100) var(--ds-font-family-secondary);
      --ds-letter-spacing-typography-font-display-secondary-100: var(--ds-tracking-font-letter-spacing-normal);
      --ds-typography-font-display-secondary-400: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-secondary-400) / var(--ds-leading-font-line-height-display-secondary-400) var(--ds-font-family-secondary);
      --ds-letter-spacing-typography-font-display-secondary-400: var(--ds-tracking-font-letter-spacing-tight);
}
}

/* ─── tailwind.breakpoint-md-992.css ─────────────────────────────────────────── */

:root {
  --breakpoint-md: 62rem;
}

  @media (min-width: 62rem) {
    :root {

      /* Space */
      /* Form component (address form).
      Component type: Feature
      https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=89-6480 */
      --ds-spacing-components-form-fields-gap: 24px;
      /* ⚠ Replaced — OTP component now uses space/2xs.
      Component type: Feature
      https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=142-5607 */
      --ds-spacing-components-form-otp-input-gap: 16px;
      /* Modal full — footer padding.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-26492 */
      --ds-spacing-components-overlay-padding-small: 24px;
      /* Modal full — questionnaire header.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=6759-49599 */
      --ds-spacing-components-questionnaire-left-right-padding: 44px;
      /* Modal full — questionnaire header.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=6759-49599 */
      --ds-spacing-components-questionnaire-top-padding: 24px;
      /* Top padding for the page body area, below the navigation bar — scales per breakpoint. */
      --ds-spacing-layout-body-padding-top: 12px;
      /* Gap between major sections within the page container, largest spacing tier.
      https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
      --ds-spacing-layout-container-gap-xl: 32px;
      /* Horizontal padding for the outer page container — keeps content clear of the left and right edges, scales per breakpoint.
      https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
      --ds-spacing-layout-container-padding-left-right: 24px;
      /* Vertical padding for the outer page container — keeps content clear of the top and bottom edges, scales per breakpoint.
      https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
      --ds-spacing-layout-container-padding-top-bottom: 32px;
      /* Gap between content blocks within the page body — general spacing primitive, scales per breakpoint. */
      --ds-spacing-layout-content-gap: 48px;
      /* Module info panel component — padding.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-79476 */
      --ds-spacing-layout-info-panel-padding: 20px;
      /* List item interactive component — negative gap variant.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
      --ds-spacing-layout-item-negative-gap: 0px;
      /* List item interactive component — positive gap variant.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
      --ds-spacing-layout-item-positive-gap: 8px;
      /* Menu component — item list gap.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
      --ds-spacing-layout-itemlist-gap: 6px;
      /* List item interactive component — horizontal padding (auto size variant).
      Component type: Core
      https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=32611-20529 */
      --ds-spacing-layout-list-interactive-padding-left-right: 0px;
      /* Card component — module gap.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-25935 */
      --ds-spacing-layout-module-gap: 24px;
      /* Card component — module group gap.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
      --ds-spacing-layout-modulegroup-gap: 32px;

      /* Size */
      /* Dropdown component.
      Component type: Core
      https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=32604-16145 */
      --ds-spacing-components-dropdown-max-height: 640px;
      /* Email template — applies to max-width (not indicated by token name).
      Component type: Feature
      https://www.figma.com/design/xPlMRQEmZg4SZwAOFfmGGg/Emails?node-id=3001-4557 */
      --ds-spacing-components-email: 0px;
      /* ⚠ Replaced — OTP component now uses interactive/height/md.
      Component type: Feature
      https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=142-5607 */
      --ds-spacing-components-form-otp-input: 64px;
      /* Hero banner component — Insights dashboard.
      Component type: Feature
      https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=649-34863 */
      --ds-spacing-components-hero-banner-height: 256px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint. */
      --ds-spacing-layout-container-max-width-2xs: 544px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
      Live example: Insights → 'Biomarkers + Wearable (live)' page → 'Inisghts / L' → Body → Section group → Section → Container
      https://www.figma.com/design/Af0I8xiStHdKp0dKV8Sdcz/Insights?node-id=21096-302272 */
      --ds-spacing-layout-container-max-width-lg: 1440px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
      Live example: Insights → 'Biomarkers + Wearable (live)' page → 'Inisghts / M' → Body → Section group → Section → Container
      https://www.figma.com/design/Af0I8xiStHdKp0dKV8Sdcz/Insights?node-id=21801-147983 */
      --ds-spacing-layout-container-max-width-md: 1280px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
      Live example: Insights → 'Biomarkers + Wearable (live)' page → 'Inisghts / L' → Body → Section group → Section → Container
      https://www.figma.com/design/Af0I8xiStHdKp0dKV8Sdcz/Insights?node-id=21096-302272 */
      --ds-spacing-layout-container-max-width-sm: 1080px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
      https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
      --ds-spacing-layout-container-max-width-xs: 800px;
      /* Module info panel component — max-width.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-79476 */
      --ds-spacing-layout-info-panel-width: 10000px;
      /* Menu component — max-width.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2329-2756 */
      --ds-spacing-layout-menu-max-width: 256px;
      /* Fixed viewport height — applies to max-height (not indicated by token name).
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=9238-34104 */
      --ds-spacing-screen-fixed-height: 1080px;
      --ds-spacing-screen-fixed-width: 1080px;
      --ds-spacing-screen-max-width: 1439px;
      --ds-spacing-screen-min-width: 992px;

      /* FontSize */
      --ds-text-font-size-body-100: 12px;
      --ds-text-font-size-body-200: 14px;
      --ds-text-font-size-body-300: 16px;
      --ds-text-font-size-body-400: 18px;
      --ds-text-font-size-body-50: 10px;
      --ds-text-font-size-body-500: 20px;
      --ds-text-font-size-body-600: 24px;
      --ds-text-font-size-display-100: 22px;
      --ds-text-font-size-display-200: 30px;
      --ds-text-font-size-display-300: 44px;
      --ds-text-font-size-display-400: 44px;
      --ds-text-font-size-display-secondary-100: 22px;
      --ds-text-font-size-display-secondary-200: 30px;
      --ds-text-font-size-display-secondary-300: 44px;
      --ds-text-font-size-display-secondary-400: 48px;
      --ds-text-font-size-headlines-100: 12px;
      --ds-text-font-size-headlines-200: 14px;
      --ds-text-font-size-headlines-300: 16px;
      --ds-text-font-size-headlines-400: 18px;
      --ds-text-font-size-headlines-500: 20px;
      --ds-text-font-size-headlines-600: 20px;
      --ds-text-font-size-headlines-700: 28px;
      --ds-text-font-size-headlines-800: 32px;
      --ds-text-font-size-headlines-secondary-100: 12px;
      --ds-text-font-size-headlines-secondary-200: 14px;
      --ds-text-font-size-headlines-secondary-300: 16px;
      --ds-text-font-size-headlines-secondary-400: 18px;
      --ds-text-font-size-headlines-secondary-500: 20px;
      --ds-text-font-size-headlines-secondary-600: 36px;
      --ds-text-font-size-headlines-secondary-700: 44px;
      --ds-text-font-size-headlines-secondary-800: 48px;
      --ds-text-font-size-label-100: 12px;
      --ds-text-font-size-label-200: 14px;
      --ds-text-font-size-label-300: 16px;
      --ds-text-font-size-label-400: 20px;

      /* LineHeight */
      --ds-leading-font-line-height-body-100: 14px;
      --ds-leading-font-line-height-body-200: 18px;
      --ds-leading-font-line-height-body-300: 20px;
      --ds-leading-font-line-height-body-400: 22px;
      --ds-leading-font-line-height-body-50: 12px;
      --ds-leading-font-line-height-body-500: 24px;
      --ds-leading-font-line-height-body-600: 26px;
      --ds-leading-font-line-height-display-100: 24px;
      --ds-leading-font-line-height-display-200: 32px;
      --ds-leading-font-line-height-display-300: 48px;
      --ds-leading-font-line-height-display-400: 44px;
      --ds-leading-font-line-height-display-secondary-100: 24px;
      --ds-leading-font-line-height-display-secondary-200: 32px;
      --ds-leading-font-line-height-display-secondary-300: 48px;
      --ds-leading-font-line-height-display-secondary-400: 48px;
      --ds-leading-font-line-height-headlines-100: 16px;
      --ds-leading-font-line-height-headlines-200: 18px;
      --ds-leading-font-line-height-headlines-300: 20px;
      --ds-leading-font-line-height-headlines-400: 22px;
      --ds-leading-font-line-height-headlines-500: 24px;
      --ds-leading-font-line-height-headlines-600: 24px;
      --ds-leading-font-line-height-headlines-700: 28px;
      --ds-leading-font-line-height-headlines-800: 32px;
      --ds-leading-font-line-height-headlines-secondary-100: 16px;
      --ds-leading-font-line-height-headlines-secondary-200: 18px;
      --ds-leading-font-line-height-headlines-secondary-300: 20px;
      --ds-leading-font-line-height-headlines-secondary-400: 22px;
      --ds-leading-font-line-height-headlines-secondary-500: 24px;
      --ds-leading-font-line-height-headlines-secondary-600: 32px;
      --ds-leading-font-line-height-headlines-secondary-700: 44px;
      --ds-leading-font-line-height-headlines-secondary-800: 44px;
      --ds-leading-font-line-height-label-100: 14px;
      --ds-leading-font-line-height-label-200: 16px;
      --ds-leading-font-line-height-label-300: 18px;
      --ds-leading-font-line-height-label-400: 24px;

      /* BorderRadius */
      /* TBC — no live binding found across Core, Patterns, DS26 Feature, Plan/Prescription, and Insights. */
      --ds-radius-layout-body-corner-top-left: 12px;

      /* BorderWidth */
      /* ⚠ Not bound to any live component — border width appears hardcoded/unbound on "Module info panel" rather than token-driven. Not the same slot as components/info panel/border (that one controls border color, a different property). */
      --ds-border-layout-info-panel-border: 1px;

      /* Typography */
      --ds-typography-font-display-secondary-100: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-secondary-100) / var(--ds-leading-font-line-height-display-secondary-100) var(--ds-font-family-secondary);
      --ds-letter-spacing-typography-font-display-secondary-100: var(--ds-tracking-font-letter-spacing-normal);
      --ds-typography-font-display-secondary-400: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-secondary-400) / var(--ds-leading-font-line-height-display-secondary-400) var(--ds-font-family-secondary);
      --ds-letter-spacing-typography-font-display-secondary-400: var(--ds-tracking-font-letter-spacing-tight);
}
}

/* ─── tailwind.breakpoint-lg-1200.css ─────────────────────────────────────────── */

:root {
  --breakpoint-lg: 75rem;
}

  @media (min-width: 75rem) {
    :root {

      /* Space */
      /* Form component (address form).
      Component type: Feature
      https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=89-6480 */
      --ds-spacing-components-form-fields-gap: 24px;
      /* ⚠ Replaced — OTP component now uses space/2xs.
      Component type: Feature
      https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=142-5607 */
      --ds-spacing-components-form-otp-input-gap: 16px;
      /* Modal full — footer padding.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-26492 */
      --ds-spacing-components-overlay-padding-small: 28px;
      /* Modal full — questionnaire header.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=6759-49599 */
      --ds-spacing-components-questionnaire-left-right-padding: 48px;
      /* Modal full — questionnaire header.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=6759-49599 */
      --ds-spacing-components-questionnaire-top-padding: 32px;
      /* Top padding for the page body area, below the navigation bar — scales per breakpoint. */
      --ds-spacing-layout-body-padding-top: 16px;
      /* Gap between major sections within the page container, largest spacing tier.
      https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
      --ds-spacing-layout-container-gap-xl: 36px;
      /* Horizontal padding for the outer page container — keeps content clear of the left and right edges, scales per breakpoint.
      https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
      --ds-spacing-layout-container-padding-left-right: 24px;
      /* Vertical padding for the outer page container — keeps content clear of the top and bottom edges, scales per breakpoint.
      https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
      --ds-spacing-layout-container-padding-top-bottom: 36px;
      /* Gap between content blocks within the page body — general spacing primitive, scales per breakpoint. */
      --ds-spacing-layout-content-gap: 56px;
      /* Module info panel component — padding.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-79476 */
      --ds-spacing-layout-info-panel-padding: 20px;
      /* List item interactive component — negative gap variant.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
      --ds-spacing-layout-item-negative-gap: 0px;
      /* List item interactive component — positive gap variant.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
      --ds-spacing-layout-item-positive-gap: 8px;
      /* Menu component — item list gap.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
      --ds-spacing-layout-itemlist-gap: 8px;
      /* List item interactive component — horizontal padding (auto size variant).
      Component type: Core
      https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=32611-20529 */
      --ds-spacing-layout-list-interactive-padding-left-right: 0px;
      /* Card component — module gap.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-25935 */
      --ds-spacing-layout-module-gap: 28px;
      /* Card component — module group gap.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=7851-23702 */
      --ds-spacing-layout-modulegroup-gap: 36px;

      /* Size */
      /* Dropdown component.
      Component type: Core
      https://www.figma.com/design/6a9Eejpx2wp7ICRHBISxML/%F0%9F%94%B5-Design-system%E2%80%A8--Core--DS25-?node-id=32604-16145 */
      --ds-spacing-components-dropdown-max-height: 640px;
      /* Email template — applies to max-width (not indicated by token name).
      Component type: Feature
      https://www.figma.com/design/xPlMRQEmZg4SZwAOFfmGGg/Emails?node-id=3001-4557 */
      --ds-spacing-components-email: 0px;
      /* ⚠ Replaced — OTP component now uses interactive/height/md.
      Component type: Feature
      https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=142-5607 */
      --ds-spacing-components-form-otp-input: 64px;
      /* Hero banner component — Insights dashboard.
      Component type: Feature
      https://www.figma.com/design/a72j09u7l9XqyrH5akQZUj/%F0%9F%94%B5-Feature-component--DS26-?node-id=649-34863 */
      --ds-spacing-components-hero-banner-height: 320px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint. */
      --ds-spacing-layout-container-max-width-2xs: 576px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
      Live example: Insights → 'Biomarkers + Wearable (live)' page → 'Inisghts / L' → Body → Section group → Section → Container
      https://www.figma.com/design/Af0I8xiStHdKp0dKV8Sdcz/Insights?node-id=21096-302272 */
      --ds-spacing-layout-container-max-width-lg: 1440px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
      Live example: Insights → 'Biomarkers + Wearable (live)' page → 'Inisghts / M' → Body → Section group → Section → Container
      https://www.figma.com/design/Af0I8xiStHdKp0dKV8Sdcz/Insights?node-id=21801-147983 */
      --ds-spacing-layout-container-max-width-md: 1280px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
      Live example: Insights → 'Biomarkers + Wearable (live)' page → 'Inisghts / L' → Body → Section group → Section → Container
      https://www.figma.com/design/Af0I8xiStHdKp0dKV8Sdcz/Insights?node-id=21096-302272 */
      --ds-spacing-layout-container-max-width-sm: 1080px;
      /* Maximum width constraint for the page container — caps content width so layouts don't stretch too wide, scales per breakpoint.
      https://www.figma.com/design/VQJwMwYf4m7D75YwiRic2M/Plan%20%2F%20Prescription?node-id=27677-212268 */
      --ds-spacing-layout-container-max-width-xs: 800px;
      /* Module info panel component — max-width.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2328-79476 */
      --ds-spacing-layout-info-panel-width: 512px;
      /* Menu component — max-width.
      Component type: Pattern
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=2329-2756 */
      --ds-spacing-layout-menu-max-width: 320px;
      /* Fixed viewport height — applies to max-height (not indicated by token name).
      https://www.figma.com/design/TkHDUPRnfCooJl2MAnC5sY/%F0%9F%94%B5-Patterns--DS25-?node-id=9238-34104 */
      --ds-spacing-screen-fixed-height: 1080px;
      --ds-spacing-screen-fixed-width: 1920px;
      --ds-spacing-screen-max-width: 2560px;
      --ds-spacing-screen-min-width: 1440px;

      /* FontSize */
      --ds-text-font-size-body-100: 12px;
      --ds-text-font-size-body-200: 14px;
      --ds-text-font-size-body-300: 16px;
      --ds-text-font-size-body-400: 18px;
      --ds-text-font-size-body-50: 10px;
      --ds-text-font-size-body-500: 20px;
      --ds-text-font-size-body-600: 24px;
      --ds-text-font-size-display-100: 24px;
      --ds-text-font-size-display-200: 32px;
      --ds-text-font-size-display-300: 48px;
      --ds-text-font-size-display-400: 48px;
      --ds-text-font-size-display-secondary-100: 24px;
      --ds-text-font-size-display-secondary-200: 32px;
      --ds-text-font-size-display-secondary-300: 48px;
      --ds-text-font-size-display-secondary-400: 56px;
      --ds-text-font-size-headlines-100: 12px;
      --ds-text-font-size-headlines-200: 14px;
      --ds-text-font-size-headlines-300: 16px;
      --ds-text-font-size-headlines-400: 18px;
      --ds-text-font-size-headlines-500: 20px;
      --ds-text-font-size-headlines-600: 22px;
      --ds-text-font-size-headlines-700: 30px;
      --ds-text-font-size-headlines-800: 32px;
      --ds-text-font-size-headlines-secondary-100: 12px;
      --ds-text-font-size-headlines-secondary-200: 14px;
      --ds-text-font-size-headlines-secondary-300: 16px;
      --ds-text-font-size-headlines-secondary-400: 18px;
      --ds-text-font-size-headlines-secondary-500: 20px;
      --ds-text-font-size-headlines-secondary-600: 36px;
      --ds-text-font-size-headlines-secondary-700: 44px;
      --ds-text-font-size-headlines-secondary-800: 56px;
      --ds-text-font-size-label-100: 12px;
      --ds-text-font-size-label-200: 14px;
      --ds-text-font-size-label-300: 16px;
      --ds-text-font-size-label-400: 20px;

      /* LineHeight */
      --ds-leading-font-line-height-body-100: 14px;
      --ds-leading-font-line-height-body-200: 18px;
      --ds-leading-font-line-height-body-300: 20px;
      --ds-leading-font-line-height-body-400: 22px;
      --ds-leading-font-line-height-body-50: 12px;
      --ds-leading-font-line-height-body-500: 24px;
      --ds-leading-font-line-height-body-600: 26px;
      --ds-leading-font-line-height-display-100: 28px;
      --ds-leading-font-line-height-display-200: 36px;
      --ds-leading-font-line-height-display-300: 56px;
      --ds-leading-font-line-height-display-400: 48px;
      --ds-leading-font-line-height-display-secondary-100: 28px;
      --ds-leading-font-line-height-display-secondary-200: 36px;
      --ds-leading-font-line-height-display-secondary-300: 56px;
      --ds-leading-font-line-height-display-secondary-400: 56px;
      --ds-leading-font-line-height-headlines-100: 16px;
      --ds-leading-font-line-height-headlines-200: 18px;
      --ds-leading-font-line-height-headlines-300: 20px;
      --ds-leading-font-line-height-headlines-400: 22px;
      --ds-leading-font-line-height-headlines-500: 24px;
      --ds-leading-font-line-height-headlines-600: 26px;
      --ds-leading-font-line-height-headlines-700: 30px;
      --ds-leading-font-line-height-headlines-800: 32px;
      --ds-leading-font-line-height-headlines-secondary-100: 16px;
      --ds-leading-font-line-height-headlines-secondary-200: 18px;
      --ds-leading-font-line-height-headlines-secondary-300: 20px;
      --ds-leading-font-line-height-headlines-secondary-400: 22px;
      --ds-leading-font-line-height-headlines-secondary-500: 24px;
      --ds-leading-font-line-height-headlines-secondary-600: 36px;
      --ds-leading-font-line-height-headlines-secondary-700: 44px;
      --ds-leading-font-line-height-headlines-secondary-800: 48px;
      --ds-leading-font-line-height-label-100: 14px;
      --ds-leading-font-line-height-label-200: 16px;
      --ds-leading-font-line-height-label-300: 18px;
      --ds-leading-font-line-height-label-400: 24px;

      /* BorderRadius */
      /* TBC — no live binding found across Core, Patterns, DS26 Feature, Plan/Prescription, and Insights. */
      --ds-radius-layout-body-corner-top-left: 12px;

      /* BorderWidth */
      /* ⚠ Not bound to any live component — border width appears hardcoded/unbound on "Module info panel" rather than token-driven. Not the same slot as components/info panel/border (that one controls border color, a different property). */
      --ds-border-layout-info-panel-border: 1px;

      /* Typography */
      --ds-typography-font-display-secondary-100: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-secondary-100) / var(--ds-leading-font-line-height-display-secondary-100) var(--ds-font-family-secondary);
      --ds-letter-spacing-typography-font-display-secondary-100: var(--ds-tracking-font-letter-spacing-normal);
      --ds-typography-font-display-secondary-400: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-secondary-400) / var(--ds-leading-font-line-height-display-secondary-400) var(--ds-font-family-secondary);
      --ds-letter-spacing-typography-font-display-secondary-400: var(--ds-tracking-font-letter-spacing-tight);
}
}

/* ─── tailwind.breakpoint-xl-1408.css ─────────────────────────────────────────── */

:root {
  --breakpoint-xl: 88rem;
}

  @media (min-width: 88rem) {
    :root {

      /* Typography */
      --ds-typography-font-display-secondary-100: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-secondary-100) / var(--ds-leading-font-line-height-display-secondary-100) var(--ds-font-family-secondary);
      --ds-letter-spacing-typography-font-display-secondary-100: var(--ds-tracking-font-letter-spacing-normal);
      --ds-typography-font-display-secondary-400: var(--ds-font-weight-font-weight-medium) var(--ds-text-font-size-display-secondary-400) / var(--ds-leading-font-line-height-display-secondary-400) var(--ds-font-family-secondary);
      --ds-letter-spacing-typography-font-display-secondary-400: var(--ds-tracking-font-letter-spacing-tight);
}
}