/* * Generated Eidos foundation CSS. * * Source: src/uix/eidos/lib/themes/base.ts * Command: npm run generate:eidos-css * * Do not edit this file by hand. */ @font-face { font-family: 'Instrument Sans'; src: url('/fonts/air/InstrumentSans-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Instrument Sans'; src: url('/fonts/air/InstrumentSans-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Instrument Sans'; src: url('/fonts/air/InstrumentSans-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Lora'; src: url('/fonts/air/Lora-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Lora'; src: url('/fonts/air/Lora-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Lora'; src: url('/fonts/air/Lora-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Lora'; src: url('/fonts/air/Lora-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Lora'; src: url('/fonts/air/Lora-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Lora'; src: url('/fonts/air/Lora-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Lora'; src: url('/fonts/air/Lora-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Lora'; src: url('/fonts/air/Lora-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Azeret Mono'; src: url('/fonts/air/AzeretMono-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Azeret Mono'; src: url('/fonts/air/AzeretMono-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Azeret Mono'; src: url('/fonts/air/AzeretMono-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } :root { --space-0: 0px; --space-1: calc(4px * var(--density-space-scale) * var(--scaling)); --space-2: calc(8px * var(--density-space-scale) * var(--scaling)); --space-3: calc(12px * var(--density-space-scale) * var(--scaling)); --space-4: calc(16px * var(--density-space-scale) * var(--scaling)); --space-5: calc(20px * var(--density-space-scale) * var(--scaling)); --space-6: calc(24px * var(--density-space-scale) * var(--scaling)); --space-7: calc(28px * var(--density-space-scale) * var(--scaling)); --space-8: calc(32px * var(--density-space-scale) * var(--scaling)); --space-10: calc(40px * var(--density-space-scale) * var(--scaling)); --space-12: calc(48px * var(--density-space-scale) * var(--scaling)); --space-16: calc(64px * var(--density-space-scale) * var(--scaling)); --space-0-5: calc(2px * var(--density-space-scale) * var(--scaling)); --space-1-5: calc(6px * var(--density-space-scale) * var(--scaling)); --space-2-5: calc(10px * var(--density-space-scale) * var(--scaling)); --space-3-5: calc(14px * var(--density-space-scale) * var(--scaling)); --space-4-5: calc(18px * var(--density-space-scale) * var(--scaling)); --space-5-5: calc(22px * var(--density-space-scale) * var(--scaling)); --control-height-xxs: calc(22px * var(--density-control-scale) * var(--scaling)); --control-height-xs: calc(26px * var(--density-control-scale) * var(--scaling)); --control-height-sm: calc(30px * var(--density-control-scale) * var(--scaling)); --control-height-md: calc(36px * var(--density-control-scale) * var(--scaling)); --control-height-lg: calc(44px * var(--density-control-scale) * var(--scaling)); --control-height-xl: calc(52px * var(--density-control-scale) * var(--scaling)); --control-height-xxl: calc(60px * var(--density-control-scale) * var(--scaling)); --radius-none: 0px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 10px; --radius-xl: 16px; --radius-xxl: 20px; --radius-full: 9999px; --border-width-none: 0px; --border-width-hairline: 0.5px; --border-width-thin: 1px; --border-width-medium: 1.5px; --border-width-thick: 2px; --border-style-solid: solid; --border-style-dashed: dashed; --border-style-dotted: dotted; --border-width: var(--border-width-thin); --border-style: var(--border-style-solid); --border: var(--border-width) var(--border-style) var(--color-border-default); --focus-ring-offset: 1px; --focus-ring-width: 2px; --focus-ring: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --focus-ring-error: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color-error); --container-width-sm: 448px; --container-width-md: 688px; --container-width-lg: 880px; --container-width-xl: 1136px; --container-width-xxl: 1280px; --container-width-full: none; --container-padding-inline: var(--space-4); --content-width-xs: 20rem; --content-width-sm: 24rem; --content-width-md: 32rem; --content-width-lg: 42rem; --content-width-xl: 56rem; --content-width-xxl: 72rem; --content-width-prose: 65ch; --aspect-ratio-square: 1 / 1; --aspect-ratio-portrait: 3 / 4; --aspect-ratio-landscape: 4 / 3; --aspect-ratio-video: 16 / 9; --aspect-ratio-wide: 21 / 9; --aspect-ratio-golden: 1.618 / 1; --density-compact-space-scale: 0.84; --density-comfortable-space-scale: 1; --density-spacious-space-scale: 1.16; --density-compact-control-scale: 0.9; --density-comfortable-control-scale: 1; --density-spacious-control-scale: 1.12; --density-space-scale: var(--density-comfortable-space-scale); --density-control-scale: var(--density-comfortable-control-scale); --scaling-90: 0.9; --scaling-95: 0.95; --scaling-100: 1; --scaling-105: 1.05; --scaling-110: 1.1; --scaling: var(--scaling-100); --duration-instant: 0ms; --duration-fast: 120ms; --duration-normal: 180ms; --duration-moderate: 240ms; --duration-slow: 320ms; --duration-slower: 400ms; --duration-deliberate: 600ms; --duration-emphatic: 800ms; --duration-sustained: 1000ms; --ease-default: cubic-bezier(0.4, 0, 0.2, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); --ease-alert: cubic-bezier(0.36, 0.07, 0.19, 0.97); --ease-symmetric: cubic-bezier(0.4, 0, 0.6, 1); --ease-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1); --motion-distance-xs: 2px; --motion-distance-sm: 4px; --motion-distance-md: 8px; --motion-distance-lg: 16px; --motion-distance-xl: 30px; --motion-scale-enter: 0.985; --motion-scale-press: 0.97; --motion-scale-through: 0.92; --motion-stagger: 20ms; --icon-size-xxs: calc(12px * var(--scaling)); --icon-size-xs: calc(14px * var(--scaling)); --icon-size-sm: calc(16px * var(--scaling)); --icon-size-md: calc(18px * var(--scaling)); --icon-size-lg: calc(20px * var(--scaling)); --icon-size-xl: calc(24px * var(--scaling)); --icon-size-xxl: calc(48px * var(--scaling)); --icon-stroke-width-sm: 1.25; --icon-stroke-width-md: 1.5; --icon-stroke-width-lg: 1.75; --opacity-0: 0; --opacity-muted: 0.72; --opacity-disabled: 0.48; --opacity-scrim: 0.42; --opacity-overlay: 0.66; --opacity-hover: 0.92; --opacity-press: 0.84; --opacity-full: 1; --z-index-base: 0; --z-index-raised: 1; --z-index-sticky: 100; --z-index-dropdown: 300; --z-index-popover: 400; --z-index-tooltip: 500; --z-index-modal: 700; --z-index-toast: 900; --font-family-primary: 'Instrument Sans', system-ui, sans-serif; --font-family-secondary: Lora, Georgia, 'Times New Roman', serif; --font-family-mono: 'Azeret Mono', ui-monospace, monospace; --font-family-display: Lora, Georgia, 'Times New Roman', serif; --font-size-xxs: calc(0.625rem * var(--scaling)); --font-line-height-xxs: 1.5; --font-letter-spacing-xxs: 0.01em; --font-size-xs: calc(0.75rem * var(--scaling)); --font-line-height-xs: 1.5; --font-letter-spacing-xs: 0.005em; --font-size-sm: calc(0.875rem * var(--scaling)); --font-line-height-sm: 1.45; --font-letter-spacing-sm: 0; --font-size-md: calc(1rem * var(--scaling)); --font-line-height-md: 1.45; --font-letter-spacing-md: 0; --font-size-lg: calc(clamp(1.125rem, calc(1.05rem + 0.25vw), 1.25rem) * var(--scaling)); --font-line-height-lg: 1.35; --font-letter-spacing-lg: 0; --font-size-xl: calc(clamp(1.5rem, calc(1.35rem + 0.5vw), 1.75rem) * var(--scaling)); --font-line-height-xl: 1.2; --font-letter-spacing-xl: -0.01em; --font-size-xxl: calc(clamp(2rem, calc(1.4rem + 2vw), 3rem) * var(--scaling)); --font-line-height-xxl: 1.05; --font-letter-spacing-xxl: -0.015em; --font-size-xxxl: calc(clamp(2.5rem, calc(1rem + 5vw), 5rem) * var(--scaling)); --font-line-height-xxxl: 1; --font-letter-spacing-xxxl: -0.02em; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tighter: -0.04em; --tracking-tight: -0.02em; --tracking-normal: 0; --tracking-wide: 0.02em; --tracking-wider: 0.05em; --leading-none: 1; --leading-tight: 1.15; --leading-snug: 1.3; --leading-normal: 1.5; --leading-relaxed: 1.65; --leading-loose: 2; --font-feature-normal: normal; --font-feature-tabular: "tnum" 1, "lnum" 1; --font-feature-oldstyle: "onum" 1, "pnum" 1; --font-feature-smallcaps: "smcp" 1; --font-feature-ligatures: "liga" 1, "clig" 1, "dlig" 1; --measure-narrow: 54ch; --measure-normal: 66ch; --measure-wide: 78ch; --style-hero-font-family: var(--font-family-display); --style-hero-font-size: var(--font-size-xxxl); --style-hero-line-height: 1; --style-hero-letter-spacing: 0; --style-hero-font-weight: var(--font-weight-bold); --style-hero-color: var(--color-content-primary); --style-h1-font-family: var(--font-family-display); --style-h1-font-size: var(--font-size-xxl); --style-h1-line-height: 1.05; --style-h1-letter-spacing: 0; --style-h1-font-weight: var(--font-weight-bold); --style-h1-color: var(--color-content-primary); --style-h2-font-family: var(--font-family-display); --style-h2-font-size: var(--font-size-xl); --style-h2-line-height: 1.1; --style-h2-letter-spacing: 0; --style-h2-font-weight: var(--font-weight-bold); --style-h2-color: var(--color-content-primary); --style-h3-font-family: var(--font-family-primary); --style-h3-font-size: var(--font-size-lg); --style-h3-line-height: 1.2; --style-h3-letter-spacing: 0; --style-h3-font-weight: var(--font-weight-semibold); --style-h3-color: var(--color-content-primary); --style-h4-font-family: var(--font-family-primary); --style-h4-font-size: var(--font-size-md); --style-h4-line-height: 1.25; --style-h4-letter-spacing: 0; --style-h4-font-weight: var(--font-weight-semibold); --style-h4-color: var(--color-content-primary); --style-h5-font-family: var(--font-family-primary); --style-h5-font-size: var(--font-size-sm); --style-h5-line-height: 1.3; --style-h5-letter-spacing: 0; --style-h5-font-weight: var(--font-weight-semibold); --style-h5-color: var(--color-content-primary); --style-h6-font-family: var(--font-family-primary); --style-h6-font-size: var(--font-size-xs); --style-h6-line-height: 1.35; --style-h6-letter-spacing: 0; --style-h6-font-weight: var(--font-weight-semibold); --style-h6-color: var(--color-content-primary); --style-body-font-family: var(--font-family-primary); --style-body-font-size: var(--font-size-md); --style-body-line-height: 1.55; --style-body-letter-spacing: 0; --style-body-font-weight: var(--font-weight-regular); --style-body-color: var(--color-content-primary); --style-prose-font-family: var(--font-family-secondary); --style-prose-font-size: var(--font-size-md); --style-prose-line-height: 1.65; --style-prose-letter-spacing: 0; --style-prose-font-weight: var(--font-weight-regular); --style-prose-color: var(--color-content-primary); --style-label-font-family: var(--font-family-primary); --style-label-font-size: var(--font-size-sm); --style-label-line-height: 1.25; --style-label-letter-spacing: 0; --style-label-font-weight: var(--font-weight-medium); --style-label-color: var(--color-content-primary); --style-caption-font-family: var(--font-family-primary); --style-caption-font-size: var(--font-size-xs); --style-caption-line-height: 1.35; --style-caption-letter-spacing: 0; --style-caption-font-weight: var(--font-weight-regular); --style-caption-color: var(--color-content-secondary); --style-code-font-family: var(--font-family-mono); --style-code-font-size: var(--font-size-sm); --style-code-line-height: 1.45; --style-code-letter-spacing: 0; --style-code-font-weight: var(--font-weight-regular); --style-code-color: var(--color-content-primary); --size-xxs-control-height: var(--control-height-xxs); --size-xxs-font-size: var(--font-size-xxs); --size-xxs-font-line-height: var(--font-line-height-xxs); --size-xxs-font-letter-spacing: var(--font-letter-spacing-xxs); --size-xxs-icon-size: var(--icon-size-xxs); --size-xxs-padding-inline: var(--space-1); --size-xxs-padding-block: var(--space-0-5); --size-xxs-gap: var(--space-1); --size-xxs-radius: var(--radius-sm); --size-xs-control-height: var(--control-height-xs); --size-xs-font-size: var(--font-size-xs); --size-xs-font-line-height: var(--font-line-height-xs); --size-xs-font-letter-spacing: var(--font-letter-spacing-xs); --size-xs-icon-size: var(--icon-size-xs); --size-xs-padding-inline: var(--space-1-5); --size-xs-padding-block: var(--space-1); --size-xs-gap: var(--space-1); --size-xs-radius: var(--radius-sm); --size-sm-control-height: var(--control-height-sm); --size-sm-font-size: var(--font-size-sm); --size-sm-font-line-height: var(--font-line-height-sm); --size-sm-font-letter-spacing: var(--font-letter-spacing-sm); --size-sm-icon-size: var(--icon-size-sm); --size-sm-padding-inline: var(--space-2); --size-sm-padding-block: var(--space-1); --size-sm-gap: var(--space-1-5); --size-sm-radius: var(--radius-md); --size-md-control-height: var(--control-height-md); --size-md-font-size: var(--font-size-sm); --size-md-font-line-height: var(--font-line-height-sm); --size-md-font-letter-spacing: var(--font-letter-spacing-sm); --size-md-icon-size: var(--icon-size-md); --size-md-padding-inline: var(--space-3); --size-md-padding-block: var(--space-1-5); --size-md-gap: var(--space-2); --size-md-radius: var(--radius-md); --size-lg-control-height: var(--control-height-lg); --size-lg-font-size: var(--font-size-md); --size-lg-font-line-height: var(--font-line-height-md); --size-lg-font-letter-spacing: var(--font-letter-spacing-md); --size-lg-icon-size: var(--icon-size-lg); --size-lg-padding-inline: var(--space-4); --size-lg-padding-block: var(--space-2); --size-lg-gap: var(--space-2-5); --size-lg-radius: var(--radius-lg); --size-xl-control-height: var(--control-height-xl); --size-xl-font-size: var(--font-size-lg); --size-xl-font-line-height: var(--font-line-height-lg); --size-xl-font-letter-spacing: var(--font-letter-spacing-lg); --size-xl-icon-size: var(--icon-size-xl); --size-xl-padding-inline: var(--space-5); --size-xl-padding-block: var(--space-2-5); --size-xl-gap: var(--space-3); --size-xl-radius: var(--radius-xl); --size-xxl-control-height: var(--control-height-xxl); --size-xxl-font-size: var(--font-size-xl); --size-xxl-font-line-height: var(--font-line-height-xl); --size-xxl-font-letter-spacing: var(--font-letter-spacing-xl); --size-xxl-icon-size: var(--icon-size-xxl); --size-xxl-padding-inline: var(--space-6); --size-xxl-padding-block: var(--space-3); --size-xxl-gap: var(--space-4); --size-xxl-radius: var(--radius-xxl); --depth-flush-shadow: none; --depth-flush-z: var(--z-index-base); --depth-raised-surface: var(--color-surface-raised); --depth-raised-shadow: var(--shadow-raised); --depth-raised-halo: inset 0 1px 0 0 color-mix(in oklab, white 5%, transparent); --depth-raised-z: var(--z-index-raised); --depth-overlay-surface: var(--color-surface-overlay); --depth-overlay-shadow: var(--shadow-overlay); --depth-overlay-halo: inset 0 1px 0 0 color-mix(in oklab, white 7%, transparent); --depth-overlay-z: var(--z-index-popover); --depth-modal-surface: var(--color-surface-overlay); --depth-modal-shadow: var(--shadow-overlay); --depth-modal-halo: inset 0 1px 0 0 color-mix(in oklab, white 8%, transparent); --depth-modal-z: var(--z-index-modal); --depth-recessed-surface: var(--color-surface-muted); --depth-recessed-shadow: inset 0 1px 2px color-mix(in srgb, var(--color-neutral-contrast) 12%, transparent); --depth-recessed-z: var(--z-index-base); --control-height-2xs: var(--control-height-xxs); --radius-xs: var(--radius-sm); --font-sans: var(--font-family-primary); --font-ui: var(--style-label-font-family, var(--font-family-primary)); --font-serif: var(--font-family-secondary); --font-prose: var(--font-family-secondary); --font-heading: var(--font-family-display); --font-display: var(--font-family-display); --font-mono: var(--font-family-mono); --font-code: var(--font-family-mono); --text-1-size: var(--font-size-xxs); --text-1-lh: var(--font-line-height-xxs); --text-1-ls: var(--font-letter-spacing-xxs); --text-2-size: var(--font-size-xs); --text-2-lh: var(--font-line-height-xs); --text-2-ls: var(--font-letter-spacing-xs); --text-3-size: var(--font-size-sm); --text-3-lh: var(--font-line-height-sm); --text-3-ls: var(--font-letter-spacing-sm); --text-4-size: var(--font-size-md); --text-4-lh: var(--font-line-height-md); --text-4-ls: var(--font-letter-spacing-md); --text-5-size: var(--font-size-lg); --text-5-lh: var(--font-line-height-lg); --text-5-ls: var(--font-letter-spacing-lg); --text-6-size: var(--font-size-xl); --text-6-lh: var(--font-line-height-xl); --text-6-ls: var(--font-letter-spacing-xl); --font-size-base: var(--font-size-md); --font-size-2xl: var(--font-size-xxl); --font-size-3xl: var(--font-size-xxxl); --font-weight-normal: var(--font-weight-regular); --leading-ui: var(--style-label-line-height, 1.25); --leading-prose: 1.6; --leading-text: var(--leading-prose); --leading-heading: 1.2; --leading-display: 1.05; --tracking-badge: 0; --tracking-label: 0; --tracking-ui: 0; --tracking-prose: 0; --tracking-heading: 0; --tracking-display: 0; --motion-spin-duration: 800ms; --color-focus-ring: var(--focus-ring-color); --accordion-provider-border-width: var(--border-width); --accordion-provider-radius: var(--radius-lg); --accordion-outline-provider-bg: var(--color-surface-default); --accordion-outline-provider-border: var(--color-border-default); --accordion-outline-item-border: var(--color-border-subtle); --accordion-outline-content-bg: var(--color-surface-default); --accordion-surface-provider-bg: var(--color-surface-raised); --accordion-surface-provider-border: var(--color-border-subtle); --accordion-surface-provider-shadow: var(--shadow-subtle); --accordion-surface-item-border: var(--color-border-subtle); --accordion-surface-content-bg: var(--color-surface-default); --accordion-ghost-provider-bg: transparent; --accordion-ghost-provider-border: transparent; --accordion-ghost-item-border: var(--color-border-subtle); --accordion-ghost-content-bg: transparent; --accordion-item-border-width: var(--border-width); --accordion-trigger-min-height-sm: var(--control-height-sm); --accordion-trigger-min-height-md: var(--control-height-md); --accordion-trigger-min-height-lg: var(--control-height-lg); --accordion-trigger-min-height-full: var(--control-height-xl); --accordion-trigger-px-sm: var(--space-3); --accordion-trigger-px-md: var(--space-4); --accordion-trigger-px-lg: var(--space-5); --accordion-trigger-px-full: var(--space-6); --accordion-trigger-py-sm: var(--space-2-5); --accordion-trigger-py-md: var(--space-3); --accordion-trigger-py-lg: var(--space-3-5); --accordion-trigger-py-full: var(--space-4); --accordion-trigger-gap: var(--space-3); --accordion-trigger-font-family: var(--font-ui); --accordion-trigger-font-size-sm: var(--text-3-size); --accordion-trigger-font-size-md: var(--text-4-size); --accordion-trigger-font-size-lg: var(--text-5-size); --accordion-trigger-font-size-full: var(--text-6-size); --accordion-trigger-font-weight: var(--font-weight-medium); --accordion-trigger-line-height: var(--leading-ui); --accordion-trigger-color: var(--color-content-primary); --accordion-trigger-color-open: var(--color-content-primary); --accordion-trigger-color-disabled: var(--color-content-disabled); --accordion-trigger-hover-bg: var(--color-surface-raised); --accordion-trigger-hover-color: var(--color-content-primary); --accordion-trigger-transition-duration: var(--duration-fast); --accordion-trigger-transition-ease: var(--ease-default); --accordion-trigger-focus-ring-offset: var(--focus-ring-offset); --accordion-trigger-focus-ring-width: var(--focus-ring-width); --accordion-trigger-focus-ring-color: var(--focus-ring-color); --accordion-content-px-sm: var(--space-3); --accordion-content-px-md: var(--space-4); --accordion-content-px-lg: var(--space-5); --accordion-content-px-full: var(--space-6); --accordion-content-py-sm: var(--space-2-5); --accordion-content-py-md: var(--space-3); --accordion-content-py-lg: var(--space-4); --accordion-content-py-full: var(--space-5); --accordion-content-font-family: var(--font-prose); --accordion-content-font-size: var(--text-4-size); --accordion-content-line-height: var(--leading-prose); --accordion-content-color: var(--color-content-secondary); --accordion-content-open-duration: var(--duration-normal); --accordion-content-close-duration: var(--duration-fast); --accordion-content-open-ease: var(--ease-out); --accordion-content-close-ease: var(--ease-in); --accordion-indicator-size-sm: var(--icon-size-sm); --accordion-indicator-size-md: var(--icon-size-sm); --accordion-indicator-size-lg: var(--icon-size-md); --accordion-indicator-color: var(--color-content-secondary); --accordion-indicator-color-open: var(--color-content-primary); --accordion-indicator-rotation: 180deg; --accordion-indicator-transition-duration: var(--duration-fast); --accordion-indicator-transition-ease: var(--ease-default); --avatar-size-xs: 24px; --avatar-size-sm: 32px; --avatar-size-md: 40px; --avatar-size-lg: 48px; --avatar-size-xl: 64px; --avatar-size-xxl: 96px; --avatar-font-family: var(--font-ui); --avatar-font-size-xs: 10px; --avatar-font-size-sm: 12px; --avatar-font-size-md: 14px; --avatar-font-size-lg: 16px; --avatar-font-size-xl: 20px; --avatar-font-size-xxl: 28px; --avatar-font-weight: var(--font-weight-medium); --avatar-radius-full: var(--radius-full); --avatar-radius-md: var(--radius-md); --avatar-radius-sm: var(--radius-sm); --avatar-radius-none: 0; --avatar-border-width: 2px; --avatar-primary-solid-bg: var(--color-primary-solid); --avatar-primary-solid-fg: var(--color-primary-contrast); --avatar-primary-soft-bg: var(--color-primary-surface); --avatar-primary-soft-fg: var(--color-primary-text); --avatar-primary-outline-border: var(--color-primary-border); --avatar-primary-outline-fg: var(--color-primary-text); --avatar-secondary-solid-bg: var(--color-secondary-solid); --avatar-secondary-solid-fg: var(--color-secondary-contrast); --avatar-secondary-soft-bg: var(--color-secondary-surface); --avatar-secondary-soft-fg: var(--color-secondary-text); --avatar-secondary-outline-border: var(--color-secondary-border); --avatar-secondary-outline-fg: var(--color-secondary-text); --avatar-neutral-solid-bg: var(--color-neutral-solid); --avatar-neutral-solid-fg: var(--color-neutral-contrast); --avatar-neutral-soft-bg: var(--color-neutral-surface); --avatar-neutral-soft-fg: var(--color-neutral-text); --avatar-neutral-outline-border: var(--color-neutral-border); --avatar-neutral-outline-fg: var(--color-neutral-text); --avatar-affirm-solid-bg: var(--color-affirm-solid); --avatar-affirm-solid-fg: var(--color-affirm-contrast); --avatar-affirm-soft-bg: var(--color-affirm-surface); --avatar-affirm-soft-fg: var(--color-affirm-text); --avatar-affirm-outline-border: var(--color-affirm-border); --avatar-affirm-outline-fg: var(--color-affirm-text); --avatar-fulfill-solid-bg: var(--color-fulfill-solid); --avatar-fulfill-solid-fg: var(--color-fulfill-contrast); --avatar-fulfill-soft-bg: var(--color-fulfill-surface); --avatar-fulfill-soft-fg: var(--color-fulfill-text); --avatar-fulfill-outline-border: var(--color-fulfill-border); --avatar-fulfill-outline-fg: var(--color-fulfill-text); --avatar-risk-solid-bg: var(--color-risk-solid); --avatar-risk-solid-fg: var(--color-risk-contrast); --avatar-risk-soft-bg: var(--color-risk-surface); --avatar-risk-soft-fg: var(--color-risk-text); --avatar-risk-outline-border: var(--color-risk-border); --avatar-risk-outline-fg: var(--color-risk-text); --avatar-threat-solid-bg: var(--color-threat-solid); --avatar-threat-solid-fg: var(--color-threat-contrast); --avatar-threat-soft-bg: var(--color-threat-surface); --avatar-threat-soft-fg: var(--color-threat-text); --avatar-threat-outline-border: var(--color-threat-border); --avatar-threat-outline-fg: var(--color-threat-text); --avatar-loss-solid-bg: var(--color-loss-solid); --avatar-loss-solid-fg: var(--color-loss-contrast); --avatar-loss-soft-bg: var(--color-loss-surface); --avatar-loss-soft-fg: var(--color-loss-text); --avatar-loss-outline-border: var(--color-loss-border); --avatar-loss-outline-fg: var(--color-loss-text); --avatar-ring-width-sm: 1.5px; --avatar-ring-width-md: 2px; --avatar-ring-width-lg: 3px; --avatar-color-custom: currentColor; --avatar-color-custom-contrast: white; --avatar-ring-color-custom: currentColor; --avatar-badge-border-width: 2px; --avatar-badge-color-custom: currentColor; --avatar-badge-color-custom-contrast: white; --avatar-group-gap-xs: var(--space-1); --avatar-group-gap-sm: var(--space-2); --avatar-group-gap-md: var(--space-3); --avatar-group-gap-lg: var(--space-4); --avatar-group-overlap: -0.6em; --avatar-group-carve-width: 2px; --avatar-group-carve-color: var(--color-surface-default); --avatar-group-reverse-z-max: 20; --avatar-group-max: 99; --avatar-overflow-font-weight: var(--font-weight-medium); --badge-px-xs: var(--space-1-5); --badge-px-sm: var(--space-2); --badge-px-md: var(--space-2-5); --badge-px-lg: var(--space-3); --badge-py-xs: var(--space-0-5); --badge-py-sm: var(--space-0-5); --badge-py-md: var(--space-1); --badge-py-lg: var(--space-1-5); --badge-gap-xs: var(--space-1); --badge-gap-sm: var(--space-1); --badge-gap-md: var(--space-1-5); --badge-gap-lg: var(--space-2); --badge-font-family: var(--font-ui); --badge-font-size-xs: var(--font-size-xs); --badge-font-size-sm: var(--font-size-xs); --badge-font-size-md: var(--font-size-sm); --badge-font-size-lg: var(--font-size-md); --badge-font-weight: var(--font-weight-medium); --badge-line-height: var(--leading-ui); --badge-letter-spacing: 0.01em; --badge-border-width: var(--border-width); --badge-radius-sm: var(--radius-sm); --badge-radius-md: var(--radius-md); --badge-radius-lg: var(--radius-lg); --badge-radius-full: var(--radius-full); --badge-dot-size: 0.5em; --badge-icon-size: 1em; --badge-remove-size: 1.25em; --badge-remove-margin-start: 0.125em; --badge-primary-solid: var(--color-primary-solid); --badge-primary-text: var(--color-primary-text); --badge-primary-contrast: var(--color-primary-contrast); --badge-secondary-solid: var(--color-secondary-solid); --badge-secondary-text: var(--color-secondary-text); --badge-secondary-contrast: var(--color-secondary-contrast); --badge-neutral-solid: var(--color-neutral-solid); --badge-neutral-text: var(--color-neutral-text); --badge-neutral-contrast: var(--color-neutral-contrast); --badge-affirm-solid: var(--color-affirm-solid); --badge-affirm-text: var(--color-affirm-text); --badge-affirm-contrast: var(--color-affirm-contrast); --badge-fulfill-track: var(--color-fulfill-track); --badge-fulfill-border: var(--color-fulfill-border); --badge-fulfill-solid: var(--color-fulfill-solid); --badge-fulfill-text: var(--color-fulfill-text); --badge-fulfill-contrast: var(--color-fulfill-contrast); --badge-risk-solid: var(--color-risk-solid); --badge-risk-text: var(--color-risk-text); --badge-risk-contrast: var(--color-risk-contrast); --badge-threat-solid: var(--color-threat-solid); --badge-threat-text: var(--color-threat-text); --badge-threat-contrast: var(--color-threat-contrast); --badge-loss-track: var(--color-loss-track); --badge-loss-border: var(--color-loss-border); --badge-loss-solid: var(--color-loss-solid); --badge-loss-text: var(--color-loss-text); --badge-loss-contrast: var(--color-loss-contrast); --badge-primary-track: var(--color-primary-track); --badge-primary-border: var(--color-primary-border); --badge-secondary-track: var(--color-secondary-track); --badge-secondary-border: var(--color-secondary-border); --badge-neutral-track: var(--color-neutral-track); --badge-neutral-border: var(--color-neutral-border); --badge-affirm-track: var(--color-affirm-track); --badge-affirm-border: var(--color-affirm-border); --badge-risk-track: var(--color-risk-track); --badge-risk-border: var(--color-risk-border); --badge-threat-track: var(--color-threat-track); --badge-threat-border: var(--color-threat-border); --breadcrumb-gap-xs: var(--space-0-5); --breadcrumb-gap-sm: var(--space-1); --breadcrumb-gap-md: var(--space-1-5); --breadcrumb-gap-lg: var(--space-2); --breadcrumb-font-family: var(--font-ui); --breadcrumb-font-size-xs: var(--font-size-xs); --breadcrumb-font-size-sm: var(--font-size-xs); --breadcrumb-font-size-md: var(--font-size-sm); --breadcrumb-font-size-lg: var(--font-size-md); --breadcrumb-line-height: var(--leading-ui); --breadcrumb-color: var(--color-content-secondary); --breadcrumb-link-radius: var(--radius-sm); --breadcrumb-link-color: var(--color-content-secondary); --breadcrumb-link-color-hover: var(--color-content-primary); --breadcrumb-link-color-current: var(--color-content-primary); --breadcrumb-link-font-weight: var(--font-weight-medium); --breadcrumb-link-font-weight-current: var(--font-weight-semibold); --breadcrumb-separator-color: var(--color-content-muted); --breadcrumb-ellipsis-size: var(--control-height-xs); --breadcrumb-ellipsis-radius: var(--radius-md); --breadcrumb-ellipsis-border-width: var(--border-width); --breadcrumb-ellipsis-border: transparent; --breadcrumb-ellipsis-border-hover: var(--color-border-subtle); --breadcrumb-ellipsis-bg: transparent; --breadcrumb-ellipsis-bg-hover: var(--color-surface-raised); --breadcrumb-ellipsis-color: var(--color-content-muted); --breadcrumb-ellipsis-color-hover: var(--color-content-primary); --breadcrumb-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --breadcrumb-transition-duration: var(--duration-fast); --breadcrumb-transition-ease: var(--ease-default); --card-px-xs: var(--space-3); --card-px-sm: var(--space-4); --card-px-md: var(--space-5); --card-px-lg: var(--space-6); --card-px-xl: var(--space-8); --card-py-xs: var(--space-3); --card-py-sm: var(--space-4); --card-py-md: var(--space-5); --card-py-lg: var(--space-6); --card-py-xl: var(--space-8); --card-gap-xs: var(--space-2); --card-gap-sm: var(--space-3); --card-gap-md: var(--space-4); --card-gap-lg: var(--space-5); --card-gap-xl: var(--space-6); --card-font-family: var(--font-ui); --card-line-height: var(--leading-ui); --card-title-font-family: var(--font-heading); --card-title-font-size-xs: var(--font-size-sm); --card-title-font-size-sm: var(--font-size-md); --card-title-font-size-md: var(--font-size-lg); --card-title-font-size-lg: var(--font-size-xl); --card-title-font-size-xl: var(--font-size-2xl); --card-title-font-weight: var(--font-weight-semibold); --card-title-line-height: var(--leading-heading); --card-title-letter-spacing: var(--tracking-tight); --card-description-font-family: var(--font-ui); --card-description-font-size-xs: var(--font-size-xs); --card-description-font-size-sm: var(--font-size-sm); --card-description-font-size-md: var(--font-size-sm); --card-description-font-size-lg: var(--font-size-md); --card-description-font-size-xl: var(--font-size-md); --card-description-line-height: var(--leading-prose); --card-description-color: var(--color-content-secondary); --card-body-font-size-xs: var(--font-size-sm); --card-body-font-size-sm: var(--font-size-sm); --card-body-font-size-md: var(--font-size-md); --card-body-font-size-lg: var(--font-size-md); --card-body-font-size-xl: var(--font-size-lg); --card-body-line-height: var(--leading-prose); --card-border-width: var(--border-width); --card-radius-sm: var(--radius-md); --card-radius-md: var(--radius-lg); --card-radius-lg: var(--radius-xl); --card-header-gap: var(--space-1-5); --card-footer-gap: var(--space-3); --card-footer-padding-start: var(--space-3); --card-footer-border-color: var(--color-border-subtle); --card-emerge-duration: 320ms; --card-emerge-ease: var(--ease-out); --card-emerge-distance: 8px; --card-hover-lift: -2px; --card-hover-shadow: var(--depth-overlay-shadow), var(--depth-overlay-halo); --card-press-scale: 0.985; --card-press-duration: 80ms; --card-selected-ring-width: 2px; --card-disabled-opacity: 0.6; --card-color-custom: currentColor; --card-color-custom-contrast: white; --card-primary-solid: var(--color-primary-solid); --card-primary-text: var(--color-primary-text); --card-primary-contrast: var(--color-primary-contrast); --card-secondary-solid: var(--color-secondary-solid); --card-secondary-text: var(--color-secondary-text); --card-secondary-contrast: var(--color-secondary-contrast); --card-neutral-solid: var(--color-neutral-solid); --card-neutral-text: var(--color-neutral-text); --card-neutral-contrast: var(--color-neutral-contrast); --card-affirm-solid: var(--color-affirm-solid); --card-affirm-text: var(--color-affirm-text); --card-affirm-contrast: var(--color-affirm-contrast); --card-fulfill-track: var(--color-fulfill-track); --card-fulfill-border: var(--color-fulfill-border); --card-fulfill-solid: var(--color-fulfill-solid); --card-fulfill-text: var(--color-fulfill-text); --card-fulfill-contrast: var(--color-fulfill-contrast); --card-risk-solid: var(--color-risk-solid); --card-risk-text: var(--color-risk-text); --card-risk-contrast: var(--color-risk-contrast); --card-threat-solid: var(--color-threat-solid); --card-threat-text: var(--color-threat-text); --card-threat-contrast: var(--color-threat-contrast); --card-loss-track: var(--color-loss-track); --card-loss-border: var(--color-loss-border); --card-loss-solid: var(--color-loss-solid); --card-loss-text: var(--color-loss-text); --card-loss-contrast: var(--color-loss-contrast); --card-primary-track: var(--color-primary-track); --card-primary-border: var(--color-primary-border); --card-secondary-track: var(--color-secondary-track); --card-secondary-border: var(--color-secondary-border); --card-neutral-track: var(--color-neutral-track); --card-neutral-border: var(--color-neutral-border); --card-affirm-track: var(--color-affirm-track); --card-affirm-border: var(--color-affirm-border); --card-risk-track: var(--color-risk-track); --card-risk-border: var(--color-risk-border); --card-threat-track: var(--color-threat-track); --card-threat-border: var(--color-threat-border); --checkbox-size-xs-box-size: 14px; --checkbox-size-xs-indicator-size: 8px; --checkbox-size-xs-indicator-stroke: 2px; --checkbox-size-sm-box-size: 16px; --checkbox-size-sm-indicator-size: 10px; --checkbox-size-sm-indicator-stroke: 2px; --checkbox-size-md-box-size: 18px; --checkbox-size-md-indicator-size: 12px; --checkbox-size-md-indicator-stroke: 2px; --checkbox-size-lg-box-size: 22px; --checkbox-size-lg-indicator-size: 14px; --checkbox-size-lg-indicator-stroke: 2px; --checkbox-size-xl-box-size: 26px; --checkbox-size-xl-indicator-size: 16px; --checkbox-size-xl-indicator-stroke: 2px; --checkbox-radius: var(--radius-sm); --checkbox-border-width: var(--border-width); --checkbox-focus-ring-offset: var(--focus-ring-offset); --checkbox-focus-ring-width: var(--focus-ring-width); --checkbox-focus-ring-color: var(--focus-ring-color); --checkbox-focus-ring-surface: var(--color-surface-default); --checkbox-focus-ring: 0 0 0 var(--checkbox-focus-ring-offset) var(--checkbox-focus-ring-surface), 0 0 0 calc(var(--checkbox-focus-ring-offset) + var(--checkbox-focus-ring-width)) var(--checkbox-focus-ring-color); --checkbox-transition-duration: var(--duration-fast); --checkbox-transition-ease: var(--ease-default); --checkbox-stroke-duration: var(--duration-fast); --checkbox-stroke-ease: cubic-bezier(0.4, 0, 0.2, 1); --checkbox-bg-off: var(--color-surface-default); --checkbox-bg-off-hover: color-mix( in srgb, var(--color-surface-default) 82%, var(--color-surface-overlay) ); --checkbox-border-off: var(--color-border-default); --checkbox-border-off-hover: var(--color-border-strong); --checkbox-bg-disabled: color-mix( in srgb, var(--color-surface-overlay) 78%, var(--color-surface-default) ); --checkbox-border-disabled: color-mix( in srgb, var(--color-border-default) 72%, var(--color-border-subtle) ); --checkbox-disabled-opacity: 0.72; --checkbox-indicator-color: var(--color-content-on-solid); --checkbox-indicator-color-disabled: color-mix( in srgb, var(--color-content-on-solid) 82%, var(--color-surface-default) ); --checkbox-primary-solid: var(--color-primary-solid); --checkbox-primary-solid-hover: var(--color-primary-solid-hover); --checkbox-neutral-solid: var(--color-neutral-solid); --checkbox-neutral-solid-hover: var(--color-neutral-solid-hover); --checkbox-secondary-solid: var(--color-secondary-solid); --checkbox-secondary-solid-hover: var(--color-secondary-solid-hover); --checkbox-affirm-solid: var(--color-affirm-solid); --checkbox-affirm-solid-hover: var(--color-affirm-solid-hover); --checkbox-group-gap: var(--space-3); --checkbox-group-label-font-family: var(--font-ui); --checkbox-group-label-font-size: var(--font-size-sm); --checkbox-group-label-font-weight: var(--font-weight-medium); --checkbox-group-label-line-height: var(--leading-ui); --checkbox-group-label-color: var(--color-content-primary); --checkbox-group-label-color-disabled: var(--color-content-secondary); --collapsible-trigger-font-family: var(--font-ui); --collapsible-trigger-font-size: var(--font-size-sm); --collapsible-trigger-font-weight: var(--font-weight-medium); --collapsible-trigger-color: var(--color-content-primary); --collapsible-trigger-color-hover: var(--color-content-primary); --collapsible-trigger-bg-hover: var(--color-surface-overlay); --collapsible-trigger-radius: var(--radius-sm); --collapsible-trigger-padding: var(--space-2) var(--space-3); --collapsible-content-padding: var(--space-3); --collapsible-transition-duration: var(--duration-normal); --collapsible-transition-ease: var(--ease-default); --collapsible-disabled-opacity: 0.5; --dialog-trigger-font-size: var(--font-size-sm); --dialog-overlay-bg: var(--color-overlay); --dialog-overlay-opacity: 62%; --dialog-overlay-blur: 10px; --dialog-overlay-z: 70; --dialog-content-bg: var(--color-surface-overlay); --dialog-content-color: var(--color-content-primary); --dialog-content-border: var(--color-border-default); --dialog-content-border-width: var(--border-width); --dialog-content-radius: var(--radius-xl); --dialog-content-shadow: var(--depth-overlay-shadow), var(--depth-overlay-halo); --dialog-content-max-height: calc(100dvh - var(--space-8)); --dialog-content-max-height-sheet: 85dvh; --dialog-content-width-sm: 420px; --dialog-content-width-md: 560px; --dialog-content-width-lg: 760px; --dialog-content-width-xl: 1024px; --dialog-content-width-inset: var(--space-6); --dialog-content-full-inset: var(--space-3); --dialog-content-full-radius: var(--radius-xxl); --dialog-content-position-inset: var(--space-4); --dialog-content-padding-sm: var(--space-4); --dialog-content-padding-md: var(--space-5); --dialog-content-padding-lg: var(--space-6); --dialog-content-padding-full: var(--space-6); --dialog-stack-gap: var(--space-4); --dialog-header-gap: var(--space-3); --dialog-footer-gap: var(--space-3); --dialog-footer-margin-top: var(--space-2); --dialog-title-font-family: var(--font-heading); --dialog-title-font-size: var(--font-size-lg); --dialog-title-font-weight: var(--font-weight-semibold); --dialog-title-line-height: var(--leading-heading); --dialog-title-color: var(--color-content-primary); --dialog-description-font-family: var(--font-ui); --dialog-description-font-size: var(--font-size-sm); --dialog-description-line-height: var(--leading-ui); --dialog-description-color: var(--color-content-secondary); --dialog-close-size: var(--control-height-sm); --dialog-close-px: var(--space-2); --dialog-close-radius: var(--radius-md); --dialog-close-inset: var(--space-3); --dialog-close-bg: transparent; --dialog-close-bg-hover: color-mix(in srgb, var(--color-neutral-track) 72%, transparent); --dialog-close-color: var(--color-content-secondary); --dialog-close-color-hover: var(--color-content-primary); --dialog-close-border: transparent; --dialog-close-border-width: var(--border-width); --dialog-close-transition-duration: var(--duration-fast); --dialog-close-transition-ease: var(--ease-default); --dialog-close-focus-ring-offset: 1px; --dialog-close-focus-ring-width: var(--focus-ring-width); --dialog-close-focus-ring-color: var(--focus-ring-color); --field-gap-xs: var(--space-1); --field-gap-sm: var(--space-1-5); --field-gap-md: var(--space-2); --field-gap-lg: var(--space-2-5); --field-gap-xl: var(--space-3); --field-font-family: var(--font-ui); --field-label-gap: var(--space-1); --field-label-font-size-xs: var(--font-size-xs); --field-label-font-size-sm: var(--font-size-xs); --field-label-font-size-md: var(--font-size-sm); --field-label-font-size-lg: var(--font-size-sm); --field-label-font-size-xl: var(--font-size-md); --field-label-font-weight: var(--font-weight-medium); --field-label-line-height: var(--leading-ui); --field-label-color: var(--color-content-primary); --field-label-color-invalid: var(--color-risk-text); --field-label-color-disabled: var(--color-content-disabled); --field-layout-column-gap: var(--space-4); --field-required-color: var(--color-risk-text); --field-control-height-xs: var(--control-height-xs); --field-control-height-sm: var(--control-height-sm); --field-control-height-md: var(--control-height-md); --field-control-height-lg: var(--control-height-lg); --field-control-height-xl: var(--control-height-xl); --field-control-px-xs: var(--space-2); --field-control-px-sm: var(--space-2-5); --field-control-px-md: var(--space-3); --field-control-px-lg: var(--space-3-5); --field-control-px-xl: var(--space-4); --field-control-gap-xs: var(--space-1); --field-control-gap-sm: var(--space-1-5); --field-control-gap-md: var(--space-2); --field-control-gap-lg: var(--space-2-5); --field-control-gap-xl: var(--space-3); --field-control-font-size-xs: var(--font-size-xs); --field-control-font-size-sm: var(--font-size-xs); --field-control-font-size-md: var(--font-size-sm); --field-control-font-size-lg: var(--font-size-sm); --field-control-font-size-xl: var(--font-size-md); --field-control-line-height: var(--leading-ui); --field-control-radius: var(--radius-md); --field-control-border-width: var(--border-width); --field-control-border: var(--color-border-default); --field-control-border-hover: var(--color-border-strong); --field-control-border-focus: var(--color-focus-ring); --field-control-border-invalid: var(--color-risk-border); --field-control-bg: var(--color-surface-default); --field-control-ghost-border: transparent; --field-control-ghost-bg: transparent; --field-control-bg-readonly: var(--color-surface-muted); --field-control-bg-disabled: var(--color-surface-muted); --field-control-color: var(--color-content-primary); --field-control-placeholder-color: var(--color-content-muted); --field-control-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --field-affix-color: var(--color-content-secondary); --field-message-font-size: var(--font-size-xs); --field-message-line-height: var(--leading-ui); --field-helper-color: var(--color-content-secondary); --field-error-color: var(--color-risk-text); --field-transition-duration: var(--duration-fast); --field-transition-ease: var(--ease-default); --field-disabled-opacity: 0.56; --form-gap-xs: var(--space-3); --form-gap-sm: var(--space-4); --form-gap-md: var(--space-5); --form-gap-lg: var(--space-6); --form-gap-xl: var(--space-7); --form-font-family: var(--font-ui); --form-color: var(--color-content-primary); --form-radius: var(--radius-lg); --form-border-width: var(--border-width); --form-panel-padding: var(--space-5); --form-panel-border: var(--color-border-default); --form-panel-bg: var(--color-surface-raised); --form-panel-shadow: var(--depth-raised-shadow), var(--depth-raised-halo); --form-grid-min: 18rem; --form-grid-column-gap: var(--space-5); --form-action-height-xs: var(--control-height-xs); --form-action-height-sm: var(--control-height-sm); --form-action-height-md: var(--control-height-md); --form-action-height-lg: var(--control-height-lg); --form-action-height-xl: var(--control-height-xl); --form-action-px-xs: var(--space-2-5); --form-action-px-sm: var(--space-3); --form-action-px-md: var(--space-3-5); --form-action-px-lg: var(--space-4); --form-action-px-xl: var(--space-4-5); --form-action-font-size-xs: var(--font-size-xs); --form-action-font-size-sm: var(--font-size-xs); --form-action-font-size-md: var(--font-size-sm); --form-action-font-size-lg: var(--font-size-sm); --form-action-font-size-xl: var(--font-size-md); --form-action-font-weight: var(--font-weight-medium); --form-action-line-height: var(--leading-ui); --form-action-gap: var(--space-2); --form-action-radius: var(--radius-md); --form-action-border-width: var(--border-width); --form-error-summary-padding: var(--space-3); --form-error-summary-border-width: var(--border-width); --form-error-summary-radius: var(--radius-md); --form-error-summary-font-size: var(--font-size-sm); --form-error-summary-line-height: var(--leading-ui); --form-error-summary-list-indent: var(--space-4); --form-link-underline-offset: 0.18em; --form-auto-fields-gap: var(--space-3); --form-auto-fields-array-padding: var(--space-3); --form-auto-fields-border-width: var(--border-width); --form-auto-fields-radius: var(--radius-md); --form-auto-fields-item-gap: var(--space-2); --form-auto-fields-item-padding: var(--space-3); --form-widget-px: var(--space-3); --form-widget-radius: var(--radius-md); --form-widget-border-width: var(--border-width); --form-transition-duration: var(--duration-fast); --form-transition-ease: var(--ease-default); --form-disabled-opacity: 0.56; --drawer-overlay-bg: var(--color-overlay); --drawer-overlay-blur: 10px; --drawer-overlay-opacity: 62%; --drawer-overlay-z: 72; --drawer-inline-z: 64; --drawer-handle-bg: var(--color-neutral-track); --drawer-handle-bg-active: var(--color-content-secondary); --drawer-handle-radius: var(--radius-full); --drawer-handle-length: 36px; --drawer-handle-thickness: 4px; --drawer-handle-active-scale: 1.18; --drawer-handle-transition-duration: var(--duration-fast); --drawer-handle-transition-ease: var(--ease-out); --drawer-content-bg: var(--color-surface-overlay); --drawer-content-color: var(--color-content-primary); --drawer-content-border: var(--color-border-default); --drawer-content-border-width: var(--border-width); --drawer-content-radius: var(--radius-xl); --drawer-content-shadow: var(--depth-overlay-shadow), var(--depth-overlay-halo); --drawer-content-shadow-dragging: var(--shadow-overlay-strong, var(--depth-overlay-shadow)), var(--depth-overlay-halo); --drawer-content-ring-dragging-width: 2px; --drawer-content-ring-dragging-color: color-mix( in srgb, var(--color-content-secondary) 32%, transparent ); --drawer-content-ring-dragging-offset: 2px; --drawer-content-inset: var(--space-3); --drawer-content-width-sm: 360px; --drawer-content-width-md: 440px; --drawer-content-width-lg: 560px; --drawer-content-height-sm: 260px; --drawer-content-height-md: 360px; --drawer-content-height-lg: 480px; --drawer-content-padding-sm: var(--space-4); --drawer-content-padding-md: var(--space-5); --drawer-content-padding-lg: var(--space-6); --drawer-content-padding-full: var(--space-6); --drawer-stack-gap: var(--space-4); --drawer-header-gap: var(--space-3); --drawer-footer-gap: var(--space-3); --drawer-footer-margin-top: var(--space-2); --drawer-title-font-family: var(--font-heading); --drawer-title-font-size: var(--font-size-lg); --drawer-title-font-weight: var(--font-weight-semibold); --drawer-title-line-height: var(--leading-heading); --drawer-title-color: var(--color-content-primary); --drawer-description-font-family: var(--font-ui); --drawer-description-font-size: var(--font-size-sm); --drawer-description-line-height: var(--leading-ui); --drawer-description-color: var(--color-content-secondary); --drawer-close-size: var(--control-height-sm); --drawer-close-px: var(--space-2); --drawer-close-radius: var(--radius-md); --drawer-close-bg: transparent; --drawer-close-bg-hover: color-mix(in srgb, var(--color-neutral-track) 72%, transparent); --drawer-close-color: var(--color-content-secondary); --drawer-close-color-hover: var(--color-content-primary); --drawer-close-border: transparent; --drawer-close-border-width: var(--border-width); --drawer-close-transition-duration: var(--duration-fast); --drawer-close-transition-ease: var(--ease-default); --drawer-close-focus-ring-offset: 1px; --drawer-close-focus-ring-width: var(--focus-ring-width); --drawer-close-focus-ring-color: var(--focus-ring-color); --drawer-close-disabled-opacity: 0.5; --icon-size: var(--icon-size-md); --icon-stroke-width: var(--icon-stroke-width-md); --image-size-xs: 64px; --image-size-sm: 96px; --image-size-md: 160px; --image-size-lg: 240px; --image-size-xl: 360px; --image-radius-none: 0; --image-radius-sm: var(--radius-sm); --image-radius-md: var(--radius-md); --image-radius-lg: var(--radius-lg); --image-radius-full: var(--radius-full); --image-fade-duration: var(--duration-normal); --image-fade-ease: var(--ease-out); --image-placeholder-base: var(--color-surface-raised); --image-placeholder-highlight: color-mix(in srgb, var(--color-surface-default) 70%, var(--color-surface-overlay)); --image-shimmer-duration: 1.8s; --image-placeholder-color-custom: var(--color-neutral-track); --image-font-family: var(--font-ui); --image-fallback-color: var(--color-content-secondary); --image-fallback-font-size: var(--font-size-sm); --image-fallback-line-height: var(--leading-ui); --image-error-bg: var(--color-surface-raised); --image-error-color: var(--color-content-muted); --image-error-font-size: var(--font-size-sm); --image-error-line-height: var(--leading-ui); --meter-height-xs: 2px; --meter-height-sm: 4px; --meter-height-md: 6px; --meter-height-lg: 8px; --meter-height-xl: 12px; --meter-radius-xs: var(--radius-full); --meter-radius-sm: var(--radius-full); --meter-radius-md: var(--radius-full); --meter-radius-lg: var(--radius-full); --meter-radius-xl: var(--radius-full); --meter-ring-size-xs: 2rem; --meter-ring-size-sm: 2.5rem; --meter-ring-size-md: 3rem; --meter-ring-size-lg: 3.5rem; --meter-ring-size-xl: 4rem; --meter-ring-thickness-xs: 3px; --meter-ring-thickness-sm: 4px; --meter-ring-thickness-md: 6px; --meter-ring-thickness-lg: 8px; --meter-ring-thickness-xl: 10px; --meter-track-bg: var(--color-neutral-track); --meter-ring-track-bg: color-mix(in srgb, var(--color-content-primary) 12%, var(--color-surface-default)); --meter-ring-center-bg: var(--color-surface-default); --meter-indicator-bg-below: var(--color-risk-solid); --meter-indicator-bg-optimum: var(--color-fulfill-solid); --meter-indicator-bg-above: var(--color-threat-solid); --meter-transition-duration: var(--duration-normal); --meter-transition-ease: var(--ease-default); --number-field-height-xs: var(--control-height-xs); --number-field-height-sm: var(--control-height-sm); --number-field-height-md: var(--control-height-md); --number-field-height-lg: var(--control-height-lg); --number-field-height-xl: var(--control-height-xl); --number-field-px-xs: var(--space-2); --number-field-px-sm: var(--space-2-5); --number-field-px-md: var(--space-3); --number-field-px-lg: var(--space-3-5); --number-field-px-xl: var(--space-4); --number-field-gap-xs: var(--space-0-5); --number-field-gap-sm: var(--space-1); --number-field-gap-md: var(--space-1-5); --number-field-gap-lg: var(--space-2); --number-field-gap-xl: var(--space-2-5); --number-field-font-family: var(--font-ui); --number-field-font-size-xs: var(--font-size-xs); --number-field-font-size-sm: var(--font-size-xs); --number-field-font-size-md: var(--font-size-sm); --number-field-font-size-lg: var(--font-size-sm); --number-field-font-size-xl: var(--font-size-md); --number-field-line-height: var(--leading-ui); --number-field-radius: var(--radius-md); --number-field-border-width: var(--border-width); --number-field-border: var(--color-border-default); --number-field-border-focus: var(--color-focus-ring); --number-field-border-invalid: var(--color-risk-border); --number-field-bg: var(--color-surface-default); --number-field-color: var(--color-content-primary); --number-field-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --number-field-control-radius: var(--radius-md); --number-field-control-border-width: var(--border-width); --number-field-control-border: transparent; --number-field-control-border-hover: var(--color-border-subtle); --number-field-control-border-active: var(--color-primary-border); --number-field-control-bg: transparent; --number-field-control-bg-hover: var(--color-surface-raised); --number-field-control-bg-active: var(--color-primary-track); --number-field-control-color: var(--color-content-secondary); --number-field-control-color-hover: var(--color-content-primary); --number-field-control-color-active: var(--color-primary-text); --number-field-control-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --number-field-control-disabled-opacity: 0.48; --number-field-transition-duration: var(--duration-fast); --number-field-transition-ease: var(--ease-default); --number-field-disabled-opacity: 0.56; --date-field-stack-gap: var(--space-1-5); --date-field-height-xs: var(--control-height-xs); --date-field-height-sm: var(--control-height-sm); --date-field-height-md: var(--control-height-md); --date-field-height-lg: var(--control-height-lg); --date-field-height-xl: var(--control-height-xl); --date-field-px-xs: var(--space-2); --date-field-px-sm: var(--space-2-5); --date-field-px-md: var(--space-3); --date-field-px-lg: var(--space-3-5); --date-field-px-xl: var(--space-4); --date-field-gap-xs: var(--space-0-5); --date-field-gap-sm: var(--space-0-5); --date-field-gap-md: var(--space-1); --date-field-gap-lg: var(--space-1-5); --date-field-gap-xl: var(--space-2); --date-field-segment-px-xs: var(--space-0-5); --date-field-segment-px-sm: var(--space-0-5); --date-field-segment-px-md: var(--space-1); --date-field-segment-px-lg: var(--space-1-5); --date-field-segment-px-xl: var(--space-2); --date-field-font-family: var(--font-ui); --date-field-font-size-xs: var(--font-size-xs); --date-field-font-size-sm: var(--font-size-xs); --date-field-font-size-md: var(--font-size-sm); --date-field-font-size-lg: var(--font-size-sm); --date-field-font-size-xl: var(--font-size-md); --date-field-line-height: var(--leading-ui); --date-field-radius: var(--radius-md); --date-field-border-width: var(--border-width); --date-field-border: var(--color-border-default); --date-field-border-invalid: var(--color-risk-border); --date-field-bg: var(--color-surface-default); --date-field-color: var(--color-content-primary); --date-field-label-color: var(--color-content-secondary); --date-field-label-font-weight: var(--font-weight-medium); --date-field-placeholder-color: var(--color-content-muted); --date-field-literal-color: var(--color-content-muted); --date-field-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --date-field-segment-min-width: 1.5ch; --date-field-segment-height: calc(var(--_date-field-height) - var(--space-2)); --date-field-segment-radius: var(--radius-sm); --date-field-segment-color: var(--color-content-primary); --date-field-segment-invalid-color: var(--color-risk-text); --date-field-segment-readonly-bg: var(--color-surface-overlay); --date-field-segment-readonly-color: var(--color-content-secondary); --date-field-segment-readonly-decoration: underline dotted var(--color-content-muted); --date-field-segment-hover-bg: color-mix(in srgb, var(--color-content-primary) 6%, transparent); --date-field-transition-duration: var(--duration-fast); --date-field-transition-ease: var(--ease-default); --date-field-disabled-opacity: 0.56; --time-field-stack-gap: var(--space-1-5); --time-field-height-xs: var(--control-height-xs); --time-field-height-sm: var(--control-height-sm); --time-field-height-md: var(--control-height-md); --time-field-height-lg: var(--control-height-lg); --time-field-height-xl: var(--control-height-xl); --time-field-px-xs: var(--space-2); --time-field-px-sm: var(--space-2-5); --time-field-px-md: var(--space-3); --time-field-px-lg: var(--space-3-5); --time-field-px-xl: var(--space-4); --time-field-gap-xs: var(--space-0-5); --time-field-gap-sm: var(--space-0-5); --time-field-gap-md: var(--space-1); --time-field-gap-lg: var(--space-1-5); --time-field-gap-xl: var(--space-2); --time-field-segment-px-xs: var(--space-0-5); --time-field-segment-px-sm: var(--space-0-5); --time-field-segment-px-md: var(--space-1); --time-field-segment-px-lg: var(--space-1-5); --time-field-segment-px-xl: var(--space-2); --time-field-font-family: var(--font-ui); --time-field-font-size-xs: var(--font-size-xs); --time-field-font-size-sm: var(--font-size-xs); --time-field-font-size-md: var(--font-size-sm); --time-field-font-size-lg: var(--font-size-sm); --time-field-font-size-xl: var(--font-size-md); --time-field-line-height: var(--leading-ui); --time-field-radius: var(--radius-md); --time-field-border-width: var(--border-width); --time-field-border: var(--color-border-default); --time-field-border-invalid: var(--color-risk-border); --time-field-bg: var(--color-surface-default); --time-field-color: var(--color-content-primary); --time-field-label-color: var(--color-content-secondary); --time-field-label-font-weight: var(--font-weight-medium); --time-field-placeholder-color: var(--color-content-muted); --time-field-literal-color: var(--color-content-muted); --time-field-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --time-field-segment-min-width: 1.5ch; --time-field-segment-height: calc(var(--_time-field-height) - var(--space-2)); --time-field-segment-radius: var(--radius-sm); --time-field-segment-color: var(--color-content-primary); --time-field-segment-invalid-color: var(--color-risk-text); --time-field-segment-readonly-bg: var(--color-surface-overlay); --time-field-segment-readonly-color: var(--color-content-secondary); --time-field-segment-readonly-decoration: underline dotted var(--color-content-muted); --time-field-segment-focus-shadow: inset 0 0 0 var(--border-width) var(--_time-field-accent-border); --time-field-transition-duration: var(--duration-fast); --time-field-transition-ease: var(--ease-default); --time-field-disabled-opacity: 0.56; --color-field-stack-gap: var(--space-1-5); --color-field-height-xs: var(--control-height-xs); --color-field-height-sm: var(--control-height-sm); --color-field-height-md: var(--control-height-md); --color-field-height-lg: var(--control-height-lg); --color-field-height-xl: var(--control-height-xl); --color-field-px-xs: var(--space-2); --color-field-px-sm: var(--space-2-5); --color-field-px-md: var(--space-3); --color-field-px-lg: var(--space-3-5); --color-field-px-xl: var(--space-4); --color-field-gap-xs: var(--space-0-5); --color-field-gap-sm: var(--space-0-5); --color-field-gap-md: var(--space-1); --color-field-gap-lg: var(--space-1-5); --color-field-gap-xl: var(--space-2); --color-field-segment-px-xs: var(--space-0-5); --color-field-segment-px-sm: var(--space-0-5); --color-field-segment-px-md: var(--space-1); --color-field-segment-px-lg: var(--space-1-5); --color-field-segment-px-xl: var(--space-2); --color-field-font-family: var(--font-ui); --color-field-font-size-xs: var(--font-size-xs); --color-field-font-size-sm: var(--font-size-xs); --color-field-font-size-md: var(--font-size-sm); --color-field-font-size-lg: var(--font-size-sm); --color-field-font-size-xl: var(--font-size-md); --color-field-line-height: var(--leading-ui); --color-field-radius: var(--radius-md); --color-field-border-width: var(--border-width); --color-field-border: var(--color-border-default); --color-field-border-invalid: var(--color-risk-border); --color-field-bg: var(--color-surface-default); --color-field-color: var(--color-content-primary); --color-field-label-color: var(--color-content-secondary); --color-field-label-font-weight: var(--font-weight-medium); --color-field-placeholder-color: var(--color-content-muted); --color-field-literal-color: var(--color-content-muted); --color-field-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --color-field-segment-min-width: 1.5ch; --color-field-segment-height: calc(var(--_color-field-height) - var(--space-2)); --color-field-segment-radius: var(--radius-sm); --color-field-segment-color: var(--color-content-primary); --color-field-segment-invalid-color: var(--color-risk-text); --color-field-segment-readonly-bg: var(--color-surface-overlay); --color-field-segment-readonly-color: var(--color-content-secondary); --color-field-segment-readonly-decoration: underline dotted var(--color-content-muted); --color-field-segment-focus-shadow: inset 0 0 0 var(--border-width) var(--_color-field-accent-border); --color-field-swatch-size-xs: calc(var(--control-height-xs) - var(--space-2)); --color-field-swatch-size-sm: calc(var(--control-height-sm) - var(--space-2)); --color-field-swatch-size-md: calc(var(--control-height-md) - var(--space-2)); --color-field-swatch-size-lg: calc(var(--control-height-lg) - var(--space-2)); --color-field-swatch-size-xl: calc(var(--control-height-xl) - var(--space-2)); --color-field-format-select-color: var(--color-content-secondary); --color-field-format-select-bg: transparent; --color-field-format-select-radius: var(--radius-sm); --color-field-format-select-px: var(--space-1); --color-field-transition-duration: var(--duration-fast); --color-field-transition-ease: var(--ease-default); --color-field-disabled-opacity: 0.56; --color-picker-content-gap: var(--space-3); --color-picker-content-padding-sm: var(--space-3); --color-picker-content-padding-md: var(--space-3-5); --color-picker-content-padding-lg: var(--space-4); --color-picker-content-width-sm: 17rem; --color-picker-content-width-md: 19.5rem; --color-picker-content-width-lg: 22rem; --color-picker-trigger-height-sm: var(--control-height-sm); --color-picker-trigger-height-md: var(--control-height-md); --color-picker-trigger-height-lg: var(--control-height-lg); --color-picker-trigger-px-sm: var(--space-2); --color-picker-trigger-px-md: var(--space-2-5); --color-picker-trigger-px-lg: var(--space-3); --color-picker-trigger-gap: var(--space-2); --color-picker-trigger-radius: var(--radius-md); --color-picker-trigger-border-width: var(--border-width); --color-picker-trigger-border: var(--color-border-default); --color-picker-trigger-bg: var(--color-surface-default); --color-picker-trigger-color: var(--color-content-primary); --color-picker-trigger-hover-bg: var(--color-surface-overlay); --color-picker-trigger-hover-border: var(--color-border-strong); --color-picker-trigger-swatch-size-sm: calc(var(--control-height-sm) - var(--space-2)); --color-picker-trigger-swatch-size-md: calc(var(--control-height-md) - var(--space-2)); --color-picker-trigger-swatch-size-lg: calc(var(--control-height-lg) - var(--space-2)); --color-picker-trigger-swatch-radius: var(--radius-full); --color-picker-trigger-swatch-border: var(--color-border-subtle); --color-picker-trigger-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --color-picker-area-height: 11rem; --color-picker-area-radius: var(--radius-md); --color-picker-area-border-width: var(--border-width); --color-picker-area-border: var(--color-border-subtle); --color-picker-area-thumb-size: 16px; --color-picker-area-thumb-radius: var(--radius-full); --color-picker-area-thumb-border-width: 2px; --color-picker-area-thumb-border: var(--color-surface-default); --color-picker-area-thumb-shadow: 0 0 0 1px color-mix(in srgb, var(--color-neutral-contrast) 45%, transparent), 0 1px 2px color-mix(in srgb, var(--color-neutral-contrast) 20%, transparent); --color-picker-transparency-cell: var(--color-content-muted); --color-picker-transparency-cell-alt: var(--color-surface-default); --color-picker-swatch-size-sm: 1.25rem; --color-picker-swatch-size-md: 1.5rem; --color-picker-swatch-size-lg: 1.75rem; --color-picker-swatch-radius: var(--radius-sm); --color-picker-swatch-border: var(--color-border-subtle); --color-picker-swatch-checked-ring: var(--color-primary-solid); --color-picker-swatch-gap: var(--space-1-5); --color-picker-eye-dropper-size: var(--control-height-sm); --color-picker-eye-dropper-radius: var(--radius-md); --color-picker-eye-dropper-bg: transparent; --color-picker-eye-dropper-color: var(--color-content-secondary); --color-picker-eye-dropper-hover-bg: var(--color-surface-overlay); --color-picker-eye-dropper-hover-color: var(--color-content-primary); --color-picker-hue-0: hsl(0, 100%, 50%); --color-picker-hue-60: hsl(60, 100%, 50%); --color-picker-hue-120: hsl(120, 100%, 50%); --color-picker-hue-180: hsl(180, 100%, 50%); --color-picker-hue-240: hsl(240, 100%, 50%); --color-picker-hue-300: hsl(300, 100%, 50%); --color-picker-hue-360: hsl(360, 100%, 50%); --color-picker-saturation-floor: hsl(0, 0%, 50%); --color-picker-transition-duration: var(--duration-fast); --color-picker-transition-ease: var(--ease-default); --color-picker-disabled-opacity: 0.56; --button-height-xs: var(--control-height-xs); --button-height-sm: var(--control-height-sm); --button-height-md: var(--control-height-md); --button-height-lg: var(--control-height-lg); --button-height-xl: var(--control-height-xl); --button-px-xs: var(--space-2); --button-px-sm: var(--space-3); --button-px-md: var(--space-4); --button-px-lg: var(--space-5); --button-px-xl: var(--space-6); --button-gap-xs: var(--space-1); --button-gap-sm: var(--space-1-5); --button-gap-md: var(--space-2); --button-gap-lg: var(--space-2-5); --button-gap-xl: var(--space-3); --button-font-family: var(--font-ui); --button-line-height: var(--leading-ui); --button-letter-spacing: var(--tracking-normal); --button-font-size-xs: var(--font-size-xs); --button-font-size-sm: var(--font-size-sm); --button-font-size-md: var(--font-size-sm); --button-font-size-lg: var(--font-size-md); --button-font-size-xl: var(--font-size-lg); --button-font-weight-xs: var(--font-weight-medium); --button-font-weight-sm: var(--font-weight-medium); --button-font-weight-md: var(--font-weight-medium); --button-font-weight-lg: var(--font-weight-medium); --button-font-weight-xl: var(--font-weight-medium); --button-icon-size-xs: 14px; --button-icon-size-sm: 14px; --button-icon-size-md: 16px; --button-icon-size-lg: 18px; --button-icon-size-xl: 20px; --button-radius-sm: var(--radius-sm); --button-radius-md: var(--radius-md); --button-radius-lg: var(--radius-lg); --button-radius-xl: var(--radius-xl); --button-border-width: var(--border-width); --button-shadow: none; --button-transition-duration: var(--duration-fast); --button-transition-ease: var(--ease-default); --button-spinner-duration: 720ms; --button-disabled-opacity: 0.5; --button-primary-element: var(--color-primary-element); --button-primary-solid: var(--color-primary-solid); --button-primary-solid-hover: var(--color-primary-solid-hover); --button-primary-text: var(--color-primary-text); --button-primary-contrast: var(--color-primary-contrast); --button-secondary-element: var(--color-secondary-element); --button-secondary-solid: var(--color-secondary-solid); --button-secondary-solid-hover: var(--color-secondary-solid-hover); --button-secondary-text: var(--color-secondary-text); --button-secondary-contrast: var(--color-secondary-contrast); --button-neutral-element: var(--color-neutral-element); --button-neutral-solid: var(--color-neutral-solid); --button-neutral-solid-hover: var(--color-neutral-solid-hover); --button-neutral-text: var(--color-neutral-text); --button-neutral-contrast: var(--color-neutral-contrast); --button-affirm-element: var(--color-affirm-element); --button-affirm-solid: var(--color-affirm-solid); --button-affirm-solid-hover: var(--color-affirm-solid-hover); --button-affirm-text: var(--color-affirm-text); --button-affirm-contrast: var(--color-affirm-contrast); --button-fulfill-track: var(--color-fulfill-track); --button-fulfill-element: var(--color-fulfill-element); --button-fulfill-border: var(--color-fulfill-border); --button-fulfill-solid: var(--color-fulfill-solid); --button-fulfill-solid-hover: var(--color-fulfill-solid-hover); --button-fulfill-text: var(--color-fulfill-text); --button-fulfill-contrast: var(--color-fulfill-contrast); --button-risk-element: var(--color-risk-element); --button-risk-solid: var(--color-risk-solid); --button-risk-solid-hover: var(--color-risk-solid-hover); --button-risk-text: var(--color-risk-text); --button-risk-contrast: var(--color-risk-contrast); --button-threat-element: var(--color-threat-element); --button-threat-solid: var(--color-threat-solid); --button-threat-solid-hover: var(--color-threat-solid-hover); --button-threat-text: var(--color-threat-text); --button-threat-contrast: var(--color-threat-contrast); --button-loss-track: var(--color-loss-track); --button-loss-element: var(--color-loss-element); --button-loss-border: var(--color-loss-border); --button-loss-solid: var(--color-loss-solid); --button-loss-solid-hover: var(--color-loss-solid-hover); --button-loss-text: var(--color-loss-text); --button-loss-contrast: var(--color-loss-contrast); --calendar-gap: var(--space-3); --calendar-padding-xs: var(--space-2); --calendar-padding-sm: var(--space-3); --calendar-padding-md: var(--space-4); --calendar-padding-lg: var(--space-5); --calendar-radius: var(--radius-lg); --calendar-border-width: var(--border-width); --calendar-border: var(--color-border-subtle); --calendar-invalid-border: var(--color-risk-border); --calendar-bg: var(--color-surface-raised); --calendar-outline-bg: var(--color-surface-default); --calendar-outline-shadow: none; --calendar-color: var(--color-content-primary); --calendar-shadow: var(--depth-raised-shadow), var(--depth-raised-halo); --calendar-font-family: var(--font-ui); --calendar-font-size-xs: var(--font-size-xs); --calendar-font-size-sm: var(--font-size-xs); --calendar-font-size-md: var(--font-size-sm); --calendar-font-size-lg: var(--font-size-sm); --calendar-line-height: var(--leading-ui); --calendar-header-gap: var(--space-2); --calendar-heading-color: var(--color-content-primary); --calendar-heading-font-size: var(--font-size-sm); --calendar-heading-font-weight: var(--font-weight-semibold); --calendar-control-size-xs: var(--control-height-xxs); --calendar-control-size-sm: var(--control-height-xs); --calendar-control-size-md: var(--control-height-sm); --calendar-control-size-lg: var(--control-height-md); --calendar-control-radius: var(--radius-md); --calendar-control-border-width: var(--border-width); --calendar-control-border: transparent; --calendar-control-border-hover: var(--color-border-subtle); --calendar-control-bg: transparent; --calendar-control-bg-hover: var(--color-surface-overlay); --calendar-control-color: var(--color-content-secondary); --calendar-control-color-hover: var(--color-content-primary); --calendar-select-min-width: 8ch; --calendar-select-px: var(--space-2); --calendar-grid-gap: var(--space-0-5); --calendar-weekday-size: var(--space-5); --calendar-weekday-color: var(--color-content-muted); --calendar-weekday-font-size: var(--font-size-xs); --calendar-weekday-font-weight: var(--font-weight-medium); --calendar-day-size-xs: var(--control-height-xxs); --calendar-day-size-sm: var(--control-height-xs); --calendar-day-size-md: var(--control-height-sm); --calendar-day-size-lg: var(--control-height-md); --calendar-day-radius: var(--radius-md); --calendar-day-border-width: var(--border-width); --calendar-day-border: transparent; --calendar-day-border-hover: var(--color-border-subtle); --calendar-day-bg: transparent; --calendar-day-bg-hover: var(--color-surface-overlay); --calendar-day-color: var(--color-content-primary); --calendar-day-color-hover: var(--color-content-primary); --calendar-day-font-weight: var(--font-weight-regular); --calendar-day-selected-color: var(--color-content-on-solid); --calendar-day-today-border: var(--color-border-strong); --calendar-day-today-color: var(--color-content-primary); --calendar-day-today-font-weight: var(--font-weight-semibold); --calendar-day-outside-color: var(--color-content-muted); --calendar-day-outside-opacity: 0.62; --calendar-day-weekend-color: var(--color-content-secondary); --calendar-day-holiday-shadow: inset 0 -2px 0 var(--_calendar-accent-border); --calendar-day-unavailable-decoration: var(--color-risk-border); --calendar-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --calendar-event-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--_calendar-accent-border); --calendar-transition-duration: var(--duration-fast); --calendar-transition-ease: var(--ease-default); --calendar-disabled-opacity: 0.52; --pagination-gap-xs: var(--space-0-5); --pagination-gap-sm: var(--space-1); --pagination-gap-md: var(--space-1-5); --pagination-gap-lg: var(--space-2); --pagination-control-size-xs: var(--control-height-xxs); --pagination-control-size-sm: var(--control-height-xs); --pagination-control-size-md: var(--control-height-sm); --pagination-control-size-lg: var(--control-height-md); --pagination-control-px-xs: var(--space-1-5); --pagination-control-px-sm: var(--space-2); --pagination-control-px-md: var(--space-2-5); --pagination-control-px-lg: var(--space-3); --pagination-font-family: var(--font-ui); --pagination-font-size-xs: var(--font-size-xs); --pagination-font-size-sm: var(--font-size-xs); --pagination-font-size-md: var(--font-size-sm); --pagination-font-size-lg: var(--font-size-sm); --pagination-line-height: var(--leading-ui); --pagination-control-radius: var(--radius-md); --pagination-control-border-width: var(--border-width); --pagination-control-border: transparent; --pagination-control-border-hover: var(--color-border-subtle); --pagination-control-bg: transparent; --pagination-control-bg-hover: var(--color-surface-raised); --pagination-control-color: var(--color-content-secondary); --pagination-control-color-hover: var(--color-content-primary); --pagination-selected-border: var(--color-primary-border); --pagination-selected-border-hover: var(--color-primary-border); --pagination-selected-bg: var(--color-primary-solid); --pagination-selected-bg-hover: var(--color-primary-solid-hover); --pagination-selected-color: var(--color-content-on-solid); --pagination-ellipsis-color: var(--color-content-muted); --pagination-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --pagination-transition-duration: var(--duration-fast); --pagination-transition-ease: var(--ease-default); --pagination-disabled-opacity: 0.56; --popover-content-z: 75; --popover-overlay-z: 60; --popover-overlay-bg: var(--color-overlay); --popover-trigger-font-size: var(--font-size-sm); --popover-gap: var(--space-3); --popover-max-width: 32rem; --popover-min-width-sm: 14rem; --popover-min-width-md: 18rem; --popover-min-width-lg: 22rem; --popover-min-width-xl: 28rem; --popover-padding-y-sm: var(--space-2); --popover-padding-x-sm: var(--space-2-5); --popover-padding-y-md: var(--space-3); --popover-padding-x-md: var(--space-3); --popover-padding-y-lg: var(--space-3-5); --popover-padding-x-lg: var(--space-4); --popover-padding-y-xl: var(--space-4); --popover-padding-x-xl: var(--space-5); --popover-font-size: var(--font-size-sm); --popover-font-family: var(--font-ui); --popover-font-weight: var(--font-weight-regular); --popover-line-height: var(--leading-text); --popover-title-font-family: var(--font-heading); --popover-title-font-size: var(--font-size-md); --popover-title-font-weight: var(--font-weight-semibold); --popover-title-line-height: var(--leading-heading); --popover-title-color: var(--color-content-primary); --popover-description-font-family: var(--font-ui); --popover-description-font-size: var(--font-size-sm); --popover-description-line-height: var(--leading-ui); --popover-description-color: var(--color-content-secondary); --popover-radius: var(--radius-lg); --popover-border-width: var(--border-width); --popover-bg: var(--color-surface-overlay); --popover-color: var(--color-content-primary); --popover-border: color-mix( in srgb, var(--color-border-default) 82%, var(--popover-bg) ); --popover-shadow: var(--depth-overlay-shadow), var(--depth-overlay-halo); --popover-transition-duration: var(--duration-fast); --popover-transition-ease: var(--ease-default); --popover-close-size: var(--control-height-xs); --popover-close-font-size: var(--font-size-sm); --popover-close-radius: var(--radius-md); --popover-close-border-width: var(--border-width); --popover-close-bg: transparent; --popover-close-bg-hover: color-mix( in srgb, var(--color-neutral-track) 72%, var(--popover-bg) ); --popover-close-color: var(--color-content-secondary); --popover-close-border: color-mix(in srgb, var(--color-border-default) 72%, transparent); --popover-close-border-hover: var(--color-border-strong); --progress-height-xs: 2px; --progress-height-sm: 4px; --progress-height-md: 6px; --progress-height-lg: 8px; --progress-height-xl: 12px; --progress-vertical-height: 10rem; --progress-radius-xs: var(--radius-full); --progress-radius-sm: var(--radius-full); --progress-radius-md: var(--radius-full); --progress-radius-lg: var(--radius-full); --progress-radius-xl: var(--radius-full); --progress-ring-size-xs: 2rem; --progress-ring-size-sm: 2.5rem; --progress-ring-size-md: 3rem; --progress-ring-size-lg: 3.5rem; --progress-ring-size-xl: 4rem; --progress-ring-thickness-xs: 3px; --progress-ring-thickness-sm: 4px; --progress-ring-thickness-md: 6px; --progress-ring-thickness-lg: 8px; --progress-ring-thickness-xl: 10px; --progress-label-font-family: var(--font-ui); --progress-label-font-size: var(--font-size-sm); --progress-label-font-weight: var(--font-weight-medium); --progress-label-line-height: var(--leading-ui); --progress-label-color: var(--color-content-primary); --progress-value-text-font-family: var(--font-ui); --progress-value-text-font-size: var(--font-size-sm); --progress-value-text-font-weight: var(--font-weight-regular); --progress-value-text-line-height: var(--leading-ui); --progress-value-text-color: var(--color-content-secondary); --progress-track-bg: color-mix(in srgb, var(--color-content-primary) 12%, var(--color-surface-default)); --progress-ring-track-bg: color-mix(in srgb, var(--color-content-primary) 12%, var(--color-surface-default)); --progress-ring-center-bg: var(--color-surface-default); --progress-indicator-bg: var(--color-primary-solid); --progress-indicator-bg-loaded: var(--color-fulfill-solid); --progress-transition-duration: var(--duration-normal); --progress-transition-ease: var(--ease-default); --progress-indeterminate-width: 35%; --progress-indeterminate-duration: 1.1s; --progress-indeterminate-ease: var(--ease-default); --radio-group-gap-vertical: var(--space-3); --radio-group-gap-horizontal: var(--space-4); --radio-group-item-size-xs: 14px; --radio-group-item-size-sm: 16px; --radio-group-item-size-md: 18px; --radio-group-item-size-lg: 22px; --radio-group-item-size-xl: 26px; --radio-group-dot-size-xs: 5px; --radio-group-dot-size-sm: 6px; --radio-group-dot-size-md: 7px; --radio-group-dot-size-lg: 9px; --radio-group-dot-size-xl: 11px; --radio-group-item-gap: var(--space-3); --radio-group-font-family: var(--font-ui); --radio-group-font-size-xs: var(--font-size-xs); --radio-group-font-size-sm: var(--font-size-xs); --radio-group-font-size-md: var(--font-size-sm); --radio-group-font-size-lg: var(--font-size-sm); --radio-group-font-size-xl: var(--font-size-md); --radio-group-font-weight: var(--font-weight-medium); --radio-group-line-height: var(--leading-ui); --radio-group-item-label-color: var(--color-content-primary); --radio-group-item-label-color-disabled: var(--color-content-disabled); --radio-group-indicator-radius: var(--radius-full); --radio-group-indicator-border-width: var(--border-width); --radio-group-indicator-bg: var(--color-surface-default); --radio-group-indicator-border: var(--color-border-default); --radio-group-indicator-border-hover: var(--color-border-strong); --radio-group-indicator-bg-disabled: color-mix( in srgb, var(--color-surface-overlay) 78%, var(--color-surface-default) ); --radio-group-indicator-border-disabled: color-mix( in srgb, var(--color-border-default) 72%, var(--color-border-subtle) ); --radio-group-indicator-bg-checked-disabled: color-mix( in srgb, var(--color-content-disabled) 40%, var(--color-surface-overlay) ); --radio-group-dot-color: var(--color-content-on-solid); --radio-group-dot-color-disabled: color-mix( in srgb, var(--color-content-on-solid) 82%, var(--color-surface-default) ); --radio-group-focus-ring-offset: var(--focus-ring-offset); --radio-group-focus-ring-width: var(--focus-ring-width); --radio-group-focus-ring-color: var(--focus-ring-color); --radio-group-focus-ring-surface: var(--color-surface-default); --radio-group-focus-ring: 0 0 0 var(--radio-group-focus-ring-offset) var(--radio-group-focus-ring-surface), 0 0 0 calc(var(--radio-group-focus-ring-offset) + var(--radio-group-focus-ring-width)) var(--radio-group-focus-ring-color); --radio-group-transition-duration: var(--duration-fast); --radio-group-transition-ease: var(--ease-default); --radio-group-disabled-opacity: 0.72; --radio-group-primary-solid: var(--color-primary-solid); --radio-group-primary-solid-hover: var(--color-primary-solid-hover); --radio-group-neutral-solid: var(--color-neutral-solid); --radio-group-neutral-solid-hover: var(--color-neutral-solid-hover); --radio-group-secondary-solid: var(--color-secondary-solid); --radio-group-secondary-solid-hover: var(--color-secondary-solid-hover); --radio-group-affirm-solid: var(--color-affirm-solid); --radio-group-affirm-solid-hover: var(--color-affirm-solid-hover); --radio-group-label-font-family: var(--font-ui); --radio-group-label-font-size: var(--font-size-sm); --radio-group-label-font-weight: var(--font-weight-medium); --radio-group-label-line-height: var(--leading-ui); --radio-group-label-color: var(--color-content-primary); --rating-group-gap-xs: var(--space-0-5); --rating-group-gap-sm: var(--space-1); --rating-group-gap-md: var(--space-1-5); --rating-group-gap-lg: var(--space-2); --rating-group-gap-xl: var(--space-2-5); --rating-group-item-size-xs: 14px; --rating-group-item-size-sm: 18px; --rating-group-item-size-md: 22px; --rating-group-item-size-lg: 28px; --rating-group-item-size-xl: 34px; --rating-group-font-family: var(--font-ui); --rating-group-font-size-xs: var(--font-size-xs); --rating-group-font-size-sm: var(--font-size-sm); --rating-group-font-size-md: var(--font-size-md); --rating-group-font-size-lg: var(--font-size-lg); --rating-group-font-size-xl: var(--font-size-xl); --rating-group-line-height: var(--leading-ui); --rating-group-item-color-inactive: var(--color-neutral-border); --rating-group-item-color-active: var(--color-fulfill-solid); --rating-group-item-color-partial: var(--color-fulfill-solid); --rating-group-item-hover-offset: -1px; --rating-group-focus-radius: var(--radius-md); --rating-group-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --rating-group-transition-duration: var(--duration-fast); --rating-group-transition-ease: var(--ease-default); --rating-group-disabled-opacity: 0.56; --search-field-height-xs: var(--control-height-xs); --search-field-height-sm: var(--control-height-sm); --search-field-height-md: var(--control-height-md); --search-field-height-lg: var(--control-height-lg); --search-field-height-xl: var(--control-height-xl); --search-field-px-xs: var(--space-2); --search-field-px-sm: var(--space-2-5); --search-field-px-md: var(--space-3); --search-field-px-lg: var(--space-3-5); --search-field-px-xl: var(--space-4); --search-field-gap-xs: var(--space-1); --search-field-gap-sm: var(--space-1-5); --search-field-gap-md: var(--space-2); --search-field-gap-lg: var(--space-2-5); --search-field-gap-xl: var(--space-3); --search-field-font-family: var(--font-ui); --search-field-font-size-xs: var(--font-size-xs); --search-field-font-size-sm: var(--font-size-xs); --search-field-font-size-md: var(--font-size-sm); --search-field-font-size-lg: var(--font-size-sm); --search-field-font-size-xl: var(--font-size-md); --search-field-line-height: var(--leading-ui); --search-field-radius: var(--radius-md); --search-field-border-width: var(--border-width); --search-field-border: var(--color-border-default); --search-field-border-focus: var(--color-focus-ring); --search-field-border-invalid: var(--color-risk-border); --search-field-bg: var(--color-surface-default); --search-field-color: var(--color-content-primary); --search-field-placeholder-color: var(--color-content-muted); --search-field-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --search-field-clear-hidden-opacity: 0; --search-field-icon-size-xs: var(--icon-size-xs); --search-field-icon-size-sm: var(--icon-size-sm); --search-field-icon-size-md: var(--icon-size-md); --search-field-icon-size-lg: var(--icon-size-md); --search-field-icon-size-xl: var(--icon-size-lg); --search-field-icon-color: var(--color-content-muted); --search-field-icon-margin-inline-end: var(--space-1-5); --search-field-loading-indicator-size-xs: var(--icon-size-xs); --search-field-loading-indicator-size-sm: var(--icon-size-sm); --search-field-loading-indicator-size-md: var(--icon-size-md); --search-field-loading-indicator-size-lg: var(--icon-size-md); --search-field-loading-indicator-size-xl: var(--icon-size-lg); --search-field-loading-indicator-color: var(--color-content-muted); --search-field-loading-indicator-track: var(--color-border-subtle); --search-field-loading-indicator-thickness: 2px; --search-field-loading-indicator-duration: 900ms; --search-field-transition-duration: var(--duration-fast); --search-field-transition-ease: var(--ease-default); --search-field-disabled-opacity: 0.56; --password-field-height-xs: var(--control-height-xs); --password-field-height-sm: var(--control-height-sm); --password-field-height-md: var(--control-height-md); --password-field-height-lg: var(--control-height-lg); --password-field-height-xl: var(--control-height-xl); --password-field-px-xs: var(--space-2); --password-field-px-sm: var(--space-2-5); --password-field-px-md: var(--space-3); --password-field-px-lg: var(--space-3-5); --password-field-px-xl: var(--space-4); --password-field-gap-xs: var(--space-1); --password-field-gap-sm: var(--space-1-5); --password-field-gap-md: var(--space-2); --password-field-gap-lg: var(--space-2-5); --password-field-gap-xl: var(--space-3); --password-field-font-family: var(--font-ui); --password-field-font-size-xs: var(--font-size-xs); --password-field-font-size-sm: var(--font-size-xs); --password-field-font-size-md: var(--font-size-sm); --password-field-font-size-lg: var(--font-size-sm); --password-field-font-size-xl: var(--font-size-md); --password-field-line-height: var(--leading-ui); --password-field-radius: var(--radius-md); --password-field-border-width: var(--border-width); --password-field-border: var(--color-border-default); --password-field-border-focus: var(--color-focus-ring); --password-field-border-invalid: var(--color-risk-border); --password-field-bg: var(--color-surface-default); --password-field-color: var(--color-content-primary); --password-field-placeholder-color: var(--color-content-muted); --password-field-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --password-field-trigger-radius: var(--radius-full); --password-field-trigger-border-width: var(--border-width); --password-field-trigger-border: transparent; --password-field-trigger-border-hover: var(--color-border-subtle); --password-field-trigger-bg: transparent; --password-field-trigger-bg-hover: var(--color-surface-raised); --password-field-trigger-color: var(--color-content-secondary); --password-field-trigger-color-hover: var(--color-content-primary); --password-field-trigger-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --password-field-icon-size-xs: var(--control-height-xs); --password-field-icon-size-sm: var(--control-height-xs); --password-field-icon-size-md: var(--control-height-sm); --password-field-icon-size-lg: var(--control-height-sm); --password-field-icon-size-xl: var(--control-height-md); --password-field-caps-color: var(--color-risk-text); --password-field-caps-bg: color-mix(in srgb, var(--color-risk-track) 50%, transparent); --password-field-caps-font-size-xs: var(--font-size-xs); --password-field-caps-font-size-sm: var(--font-size-xs); --password-field-caps-font-size-md: var(--font-size-xs); --password-field-caps-font-size-lg: var(--font-size-sm); --password-field-caps-font-size-xl: var(--font-size-sm); --password-field-strength-segment-bg: var(--color-border-default); --password-field-strength-segment-gap: 4px; --password-field-strength-segment-height: 6px; --password-field-strength-radius: var(--radius-sm); --password-field-transition-duration: var(--duration-fast); --password-field-transition-ease: var(--ease-default); --password-field-disabled-opacity: 0.56; --select-stack-gap: var(--space-2); --select-font-family: var(--font-ui); --select-font-size-xs: var(--font-size-xs); --select-font-size-sm: var(--font-size-xs); --select-font-size-md: var(--font-size-sm); --select-font-size-lg: var(--font-size-md); --select-font-size-xl: var(--font-size-lg); --select-line-height: var(--leading-ui); --select-color: var(--color-content-primary); --select-primary-text: var(--color-primary-text); --select-secondary-text: var(--color-secondary-text); --select-neutral-text: var(--color-neutral-text); --select-affirm-text: var(--color-affirm-text); --select-fulfill-track: var(--color-fulfill-track); --select-fulfill-border: var(--color-fulfill-border); --select-fulfill-text: var(--color-fulfill-text); --select-risk-text: var(--color-risk-text); --select-threat-text: var(--color-threat-text); --select-loss-track: var(--color-loss-track); --select-loss-border: var(--color-loss-border); --select-loss-text: var(--color-loss-text); --select-trigger-height-xs: var(--control-height-xs); --select-trigger-height-sm: var(--control-height-sm); --select-trigger-height-md: var(--control-height-md); --select-trigger-height-lg: var(--control-height-lg); --select-trigger-height-xl: var(--control-height-xl); --select-trigger-px-xs: var(--space-2); --select-trigger-px-sm: var(--space-2-5); --select-trigger-px-md: var(--space-3); --select-trigger-px-lg: var(--space-3-5); --select-trigger-px-xl: var(--space-4); --select-trigger-gap-xs: var(--space-1); --select-trigger-gap-sm: var(--space-1-5); --select-trigger-gap-md: var(--space-2); --select-trigger-gap-lg: var(--space-2-5); --select-trigger-gap-xl: var(--space-3); --select-trigger-border-width: var(--border-width); --select-trigger-border: var(--color-border-default); --select-trigger-border-hover: var(--color-border-strong); --select-trigger-radius: var(--radius-md); --select-trigger-bg: var(--color-surface-default); --select-trigger-bg-hover: var(--color-surface-raised); --select-trigger-shadow: var(--shadow-subtle); --select-trigger-color: var(--color-content-primary); --select-trigger-indicator-color: var(--color-content-secondary); --select-trigger-indicator-size: var(--icon-size-sm); --select-placeholder-color: var(--color-content-muted); --select-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --select-disabled-border: var(--color-border-subtle); --select-disabled-bg: var(--color-surface-raised); --select-disabled-color: var(--color-content-disabled); --select-content-z: 80; --select-content-py-xs: var(--space-0-5); --select-content-py-sm: var(--space-1); --select-content-py-md: var(--space-1-5); --select-content-py-lg: var(--space-2); --select-content-py-xl: var(--space-2-5); --select-content-px-xs: var(--space-0-5); --select-content-px-sm: var(--space-1); --select-content-px-md: var(--space-1-5); --select-content-px-lg: var(--space-2); --select-content-px-xl: var(--space-2-5); --select-content-min-width: 12rem; --select-content-max-width: 24rem; --select-content-max-height: min(20rem, calc(100dvh - var(--space-6))); --select-content-border-width: var(--border-width); --select-content-border: var(--color-border-default); --select-content-radius: var(--radius-lg); --select-content-bg: var(--color-surface-overlay); --select-content-color: var(--color-content-primary); --select-content-shadow: var(--depth-overlay-shadow), var(--depth-overlay-halo); --select-content-outline-shadow: var(--depth-raised-shadow), var(--depth-raised-halo); --select-content-ghost-shadow: var(--depth-raised-shadow), var(--depth-raised-halo); --select-open-duration: var(--duration-normal); --select-close-duration: var(--duration-fast); --select-viewport-gap: var(--space-0-5); --select-viewport-padding: var(--space-0-5); --select-group-gap: var(--space-0-5); --select-group-py: var(--space-1); --select-group-heading-py: var(--space-1); --select-group-heading-px: var(--space-2); --select-group-heading-font-family: var(--font-ui); --select-group-heading-font-size: var(--font-size-xs); --select-group-heading-font-weight: var(--font-weight-semibold); --select-group-heading-letter-spacing: 0.04em; --select-group-heading-color: var(--color-content-muted); --select-separator-size: var(--border-width); --select-separator-my: var(--space-1); --select-separator-bg: var(--color-border-subtle); --select-item-gap: var(--space-2); --select-item-min-height: var(--control-height-sm); --select-item-px: var(--space-2); --select-item-radius: var(--radius-md); --select-item-color: var(--color-content-primary); --select-item-bg-highlighted: var(--color-surface-raised); --select-item-color-highlighted: var(--color-content-primary); --select-item-indicator-size: var(--icon-size-sm); --select-item-focus-ring-width: 2px; --select-item-description-mt: 0.125rem; --select-item-description-color: var(--color-content-muted); --select-item-description-font-size: 0.85em; --select-transition-duration: var(--duration-fast); --select-transition-ease: var(--ease-default); --select-primary-track: var(--color-primary-track); --select-primary-border: var(--color-primary-border); --select-secondary-track: var(--color-secondary-track); --select-secondary-border: var(--color-secondary-border); --select-neutral-track: var(--color-neutral-track); --select-neutral-border: var(--color-neutral-border); --select-affirm-track: var(--color-affirm-track); --select-affirm-border: var(--color-affirm-border); --select-risk-track: var(--color-risk-track); --select-risk-border: var(--color-risk-border); --select-threat-track: var(--color-threat-track); --select-threat-border: var(--color-threat-border); --toolbar-gap-xs: var(--space-0-5); --toolbar-gap-sm: var(--space-1); --toolbar-gap-md: var(--space-1-5); --toolbar-gap-lg: var(--space-2); --toolbar-padding-inline-xs: var(--space-0-5); --toolbar-padding-inline-sm: var(--space-1); --toolbar-padding-inline-md: var(--space-1-5); --toolbar-padding-inline-lg: var(--space-2); --toolbar-padding-block-xs: var(--space-0-5); --toolbar-padding-block-sm: var(--space-1); --toolbar-padding-block-md: var(--space-1); --toolbar-padding-block-lg: var(--space-1-5); --toolbar-control-height-xs: var(--control-height-xs); --toolbar-control-height-sm: var(--control-height-sm); --toolbar-control-height-md: var(--control-height-md); --toolbar-control-height-lg: var(--control-height-lg); --toolbar-control-px-xs: var(--space-1-5); --toolbar-control-px-sm: var(--space-2); --toolbar-control-px-md: var(--space-2-5); --toolbar-control-px-lg: var(--space-3); --toolbar-control-gap-xs: var(--space-0-5); --toolbar-control-gap-sm: var(--space-1); --toolbar-control-gap-md: var(--space-1-5); --toolbar-control-gap-lg: var(--space-2); --toolbar-font-family: var(--font-ui); --toolbar-font-size-xs: var(--font-size-xs); --toolbar-font-size-sm: var(--font-size-xs); --toolbar-font-size-md: var(--font-size-sm); --toolbar-font-size-lg: var(--font-size-sm); --toolbar-line-height: var(--leading-ui); --toolbar-radius: var(--radius-lg); --toolbar-bg: var(--color-surface-raised); --toolbar-border: var(--color-border-subtle); --toolbar-border-width: var(--border-width); --toolbar-shadow: var(--shadow-subtle); --toolbar-color: var(--color-content-primary); --toolbar-group-gap: var(--space-0-5); --toolbar-control-radius: var(--radius-md); --toolbar-control-border-width: var(--border-width); --toolbar-control-border: transparent; --toolbar-control-border-hover: var(--color-border-subtle); --toolbar-control-border-active: var(--color-primary-border); --toolbar-control-bg: transparent; --toolbar-control-bg-hover: var(--color-surface-overlay); --toolbar-control-bg-active: var(--color-primary-track); --toolbar-control-color: var(--color-content-secondary); --toolbar-control-color-hover: var(--color-content-primary); --toolbar-control-color-active: var(--color-primary-text); --toolbar-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --toolbar-separator-bg: var(--color-border-subtle); --toolbar-separator-thickness: var(--border-width); --toolbar-separator-length: var(--control-height-md); --toolbar-separator-radius: var(--radius-full); --toolbar-transition-duration: var(--duration-fast); --toolbar-transition-ease: var(--ease-default); --toolbar-disabled-opacity: 0.48; --file-upload-gap-sm: var(--space-2); --file-upload-gap-md: var(--space-3); --file-upload-gap-lg: var(--space-4); --file-upload-padding-sm: var(--space-4); --file-upload-padding-md: var(--space-5); --file-upload-padding-lg: var(--space-6); --file-upload-control-height-sm: var(--control-height-sm); --file-upload-control-height-md: var(--control-height-md); --file-upload-control-height-lg: var(--control-height-lg); --file-upload-font-size-sm: var(--font-size-xs); --file-upload-font-size-md: var(--font-size-sm); --file-upload-font-size-lg: var(--font-size-md); --file-upload-preview-size-sm: 32px; --file-upload-preview-size-md: 40px; --file-upload-preview-size-lg: 48px; --file-upload-font-family: var(--font-ui); --file-upload-line-height: var(--leading-ui); --file-upload-color: var(--color-content-primary); --file-upload-label-color: var(--color-content-secondary); --file-upload-label-font-weight: var(--font-weight-medium); --file-upload-dropzone-gap: var(--space-2); --file-upload-dropzone-min-height: 9rem; --file-upload-dropzone-border-width: var(--border-width); --file-upload-dropzone-border: var(--color-border-default); --file-upload-dropzone-radius: var(--radius-lg); --file-upload-dropzone-bg: var(--color-surface-raised); --file-upload-dropzone-color: var(--color-content-secondary); --file-upload-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --file-upload-button-gap: var(--space-1-5); --file-upload-button-px: var(--space-3); --file-upload-button-border-width: var(--border-width); --file-upload-button-border: var(--color-border-subtle); --file-upload-button-border-hover: var(--color-border-default); --file-upload-button-radius: var(--radius-md); --file-upload-button-bg: var(--color-surface-raised); --file-upload-button-bg-hover: var(--color-surface-overlay); --file-upload-button-color: var(--color-content-secondary); --file-upload-button-color-hover: var(--color-content-primary); --file-upload-button-solid-color: var(--color-content-on-solid); --file-upload-list-gap: var(--space-2); --file-upload-item-gap: var(--space-3); --file-upload-item-padding: var(--space-2); --file-upload-item-border-width: var(--border-width); --file-upload-item-border: var(--color-border-subtle); --file-upload-item-radius: var(--radius-md); --file-upload-item-bg: var(--color-surface-raised); --file-upload-item-shadow: var(--shadow-subtle); --file-upload-preview-radius: var(--radius-sm); --file-upload-preview-bg: var(--color-neutral-track); --file-upload-preview-color: var(--color-neutral-text); --file-upload-item-name-color: var(--color-content-primary); --file-upload-item-name-font-weight: var(--font-weight-medium); --file-upload-item-size-color: var(--color-content-muted); --file-upload-item-size-font-size: var(--font-size-xs); --file-upload-progress-height: 4px; --file-upload-progress-radius: var(--radius-full); --file-upload-progress-track-bg: var(--color-neutral-track); --file-upload-transition-duration: var(--duration-fast); --file-upload-transition-ease: var(--ease-default); --file-upload-disabled-opacity: 0.52; --file-upload-primary-solid: var(--color-primary-solid); --file-upload-primary-solid-hover: var(--color-primary-solid-hover); --file-upload-primary-text: var(--color-primary-text); --file-upload-secondary-solid: var(--color-secondary-solid); --file-upload-secondary-solid-hover: var(--color-secondary-solid-hover); --file-upload-secondary-text: var(--color-secondary-text); --file-upload-neutral-solid: var(--color-neutral-solid); --file-upload-neutral-solid-hover: var(--color-neutral-solid-hover); --file-upload-neutral-text: var(--color-neutral-text); --file-upload-affirm-solid: var(--color-affirm-solid); --file-upload-affirm-solid-hover: var(--color-affirm-solid-hover); --file-upload-affirm-text: var(--color-affirm-text); --file-upload-fulfill-solid: var(--color-fulfill-solid); --file-upload-fulfill-solid-hover: var(--color-fulfill-solid-hover); --file-upload-fulfill-track: var(--color-fulfill-track); --file-upload-fulfill-border: var(--color-fulfill-border); --file-upload-fulfill-text: var(--color-fulfill-text); --file-upload-risk-solid: var(--color-risk-solid); --file-upload-risk-solid-hover: var(--color-risk-solid-hover); --file-upload-risk-text: var(--color-risk-text); --file-upload-threat-solid: var(--color-threat-solid); --file-upload-threat-solid-hover: var(--color-threat-solid-hover); --file-upload-threat-text: var(--color-threat-text); --file-upload-loss-solid: var(--color-loss-solid); --file-upload-loss-solid-hover: var(--color-loss-solid-hover); --file-upload-loss-track: var(--color-loss-track); --file-upload-loss-border: var(--color-loss-border); --file-upload-loss-text: var(--color-loss-text); --file-upload-primary-track: var(--color-primary-track); --file-upload-primary-border: var(--color-primary-border); --file-upload-secondary-track: var(--color-secondary-track); --file-upload-secondary-border: var(--color-secondary-border); --file-upload-neutral-track: var(--color-neutral-track); --file-upload-neutral-border: var(--color-neutral-border); --file-upload-affirm-track: var(--color-affirm-track); --file-upload-affirm-border: var(--color-affirm-border); --file-upload-risk-track: var(--color-risk-track); --file-upload-risk-border: var(--color-risk-border); --file-upload-threat-track: var(--color-threat-track); --file-upload-threat-border: var(--color-threat-border); --tag-group-gap-xs: var(--space-0-5); --tag-group-gap-sm: var(--space-1); --tag-group-gap-md: var(--space-1-5); --tag-group-gap-lg: var(--space-2); --tag-group-item-height-xs: var(--control-height-xs); --tag-group-item-height-sm: var(--control-height-sm); --tag-group-item-height-md: var(--control-height-md); --tag-group-item-height-lg: var(--control-height-lg); --tag-group-item-px-xs: var(--space-1-5); --tag-group-item-px-sm: var(--space-2); --tag-group-item-px-md: var(--space-2-5); --tag-group-item-px-lg: var(--space-3); --tag-group-item-gap-xs: var(--space-0-5); --tag-group-item-gap-sm: var(--space-1); --tag-group-item-gap-md: var(--space-1-5); --tag-group-item-gap-lg: var(--space-2); --tag-group-font-family: var(--font-ui); --tag-group-font-size-xs: var(--font-size-xs); --tag-group-font-size-sm: var(--font-size-xs); --tag-group-font-size-md: var(--font-size-sm); --tag-group-font-size-lg: var(--font-size-sm); --tag-group-line-height: var(--leading-ui); --tag-group-color: var(--color-content-primary); --tag-group-label-color: var(--color-content-secondary); --tag-group-label-font-weight: var(--font-weight-medium); --tag-group-item-radius: var(--radius-full); --tag-group-item-border-width: var(--border-width); --tag-group-item-border: var(--color-border-subtle); --tag-group-item-border-hover: var(--color-border-default); --tag-group-item-bg: var(--color-surface-raised); --tag-group-item-bg-hover: var(--color-surface-overlay); --tag-group-item-shadow: var(--shadow-subtle); --tag-group-item-color: var(--color-content-secondary); --tag-group-item-color-hover: var(--color-content-primary); --tag-group-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --tag-group-solid-fg: var(--color-content-on-solid); --tag-group-remove-size: var(--control-height-xs); --tag-group-remove-radius: var(--radius-full); --tag-group-remove-border-width: var(--border-width); --tag-group-remove-border: transparent; --tag-group-remove-border-hover: var(--color-border-subtle); --tag-group-remove-bg: transparent; --tag-group-remove-bg-hover: color-mix(in srgb, currentColor 12%, transparent); --tag-group-transition-duration: var(--duration-fast); --tag-group-transition-ease: var(--ease-default); --tag-group-disabled-opacity: 0.5; --tag-group-primary-solid-bg: var(--color-primary-solid); --tag-group-primary-solid-bg-hover: var(--color-primary-solid-hover); --tag-group-primary-soft-bg: var(--color-primary-surface); --tag-group-primary-soft-bg-hover: var(--color-primary-surface-hover); --tag-group-primary-soft-fg: var(--color-primary-text); --tag-group-primary-outline-border: var(--color-primary-border); --tag-group-primary-outline-fg: var(--color-primary-text); --tag-group-secondary-solid-bg: var(--color-secondary-solid); --tag-group-secondary-solid-bg-hover: var(--color-secondary-solid-hover); --tag-group-secondary-soft-bg: var(--color-secondary-surface); --tag-group-secondary-soft-bg-hover: var(--color-secondary-surface-hover); --tag-group-secondary-soft-fg: var(--color-secondary-text); --tag-group-secondary-outline-border: var(--color-secondary-border); --tag-group-secondary-outline-fg: var(--color-secondary-text); --tag-group-neutral-solid-bg: var(--color-neutral-solid); --tag-group-neutral-solid-bg-hover: var(--color-neutral-solid-hover); --tag-group-neutral-soft-bg: var(--color-neutral-surface); --tag-group-neutral-soft-bg-hover: var(--color-neutral-surface-hover); --tag-group-neutral-soft-fg: var(--color-neutral-text); --tag-group-neutral-outline-border: var(--color-neutral-border); --tag-group-neutral-outline-fg: var(--color-neutral-text); --tag-group-affirm-solid-bg: var(--color-affirm-solid); --tag-group-affirm-solid-bg-hover: var(--color-affirm-solid-hover); --tag-group-affirm-soft-bg: var(--color-affirm-surface); --tag-group-affirm-soft-bg-hover: var(--color-affirm-surface-hover); --tag-group-affirm-soft-fg: var(--color-affirm-text); --tag-group-affirm-outline-border: var(--color-affirm-border); --tag-group-affirm-outline-fg: var(--color-affirm-text); --tag-group-fulfill-solid-bg: var(--color-fulfill-solid); --tag-group-fulfill-solid-bg-hover: var(--color-fulfill-solid-hover); --tag-group-fulfill-soft-bg: var(--color-fulfill-surface); --tag-group-fulfill-soft-bg-hover: var(--color-fulfill-surface-hover); --tag-group-fulfill-soft-fg: var(--color-fulfill-text); --tag-group-fulfill-outline-border: var(--color-fulfill-border); --tag-group-fulfill-outline-fg: var(--color-fulfill-text); --tag-group-risk-solid-bg: var(--color-risk-solid); --tag-group-risk-solid-bg-hover: var(--color-risk-solid-hover); --tag-group-risk-soft-bg: var(--color-risk-surface); --tag-group-risk-soft-bg-hover: var(--color-risk-surface-hover); --tag-group-risk-soft-fg: var(--color-risk-text); --tag-group-risk-outline-border: var(--color-risk-border); --tag-group-risk-outline-fg: var(--color-risk-text); --tag-group-threat-solid-bg: var(--color-threat-solid); --tag-group-threat-solid-bg-hover: var(--color-threat-solid-hover); --tag-group-threat-soft-bg: var(--color-threat-surface); --tag-group-threat-soft-bg-hover: var(--color-threat-surface-hover); --tag-group-threat-soft-fg: var(--color-threat-text); --tag-group-threat-outline-border: var(--color-threat-border); --tag-group-threat-outline-fg: var(--color-threat-text); --tag-group-loss-solid-bg: var(--color-loss-solid); --tag-group-loss-solid-bg-hover: var(--color-loss-solid-hover); --tag-group-loss-soft-bg: var(--color-loss-surface); --tag-group-loss-soft-bg-hover: var(--color-loss-surface-hover); --tag-group-loss-soft-fg: var(--color-loss-text); --tag-group-loss-outline-border: var(--color-loss-border); --tag-group-loss-outline-fg: var(--color-loss-text); --editable-gap-xs: var(--space-0-5); --editable-gap-sm: var(--space-1); --editable-gap-md: var(--space-1-5); --editable-gap-lg: var(--space-2); --editable-gap-xl: var(--space-2-5); --editable-control-height-xs: var(--control-height-xs); --editable-control-height-sm: var(--control-height-sm); --editable-control-height-md: var(--control-height-md); --editable-control-height-lg: var(--control-height-lg); --editable-control-height-xl: var(--control-height-xl); --editable-control-px-xs: var(--space-1-5); --editable-control-px-sm: var(--space-2); --editable-control-px-md: var(--space-2-5); --editable-control-px-lg: var(--space-3); --editable-control-px-xl: var(--space-3-5); --editable-font-family: var(--font-ui); --editable-font-size-xs: var(--font-size-xs); --editable-font-size-sm: var(--font-size-xs); --editable-font-size-md: var(--font-size-sm); --editable-font-size-lg: var(--font-size-md); --editable-font-size-xl: var(--font-size-lg); --editable-line-height: var(--leading-ui); --editable-color: var(--color-content-primary); --editable-area-min-inline-size: 12ch; --editable-control-radius: var(--radius-md); --editable-control-border-width: var(--border-width); --editable-control-border: var(--color-border-subtle); --editable-control-border-hover: var(--color-border-default); --editable-control-bg: var(--color-surface-raised); --editable-control-shadow: var(--shadow-subtle); --editable-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --editable-placeholder-color: var(--color-content-muted); --editable-trigger-gap: var(--space-1); --editable-trigger-px: var(--space-2-5); --editable-trigger-radius: var(--radius-md); --editable-trigger-border-width: var(--border-width); --editable-trigger-border: var(--color-border-subtle); --editable-trigger-border-hover: var(--color-border-default); --editable-trigger-bg: var(--color-surface-raised); --editable-trigger-bg-hover: var(--color-surface-overlay); --editable-trigger-color: var(--color-content-secondary); --editable-trigger-color-hover: var(--color-content-primary); --editable-submit-color: var(--color-content-on-solid); --editable-transition-duration: var(--duration-fast); --editable-transition-ease: var(--ease-default); --editable-disabled-opacity: 0.5; --editable-primary-solid: var(--color-primary-solid); --editable-secondary-solid: var(--color-secondary-solid); --editable-neutral-solid: var(--color-neutral-solid); --editable-affirm-solid: var(--color-affirm-solid); --editable-risk-solid: var(--color-risk-solid); --editable-threat-solid: var(--color-threat-solid); --editable-primary-border: var(--color-primary-border); --editable-secondary-border: var(--color-secondary-border); --editable-neutral-border: var(--color-neutral-border); --editable-affirm-border: var(--color-affirm-border); --editable-risk-border: var(--color-risk-border); --editable-threat-border: var(--color-threat-border); --words-gap-sm: var(--space-2); --words-gap-md: var(--space-2-5); --words-gap-lg: var(--space-3); --words-radius-sm: var(--radius-md); --words-radius-md: var(--radius-lg); --words-radius-lg: var(--radius-xl); --words-max-inline-size: 52rem; --words-border-width: var(--border-width); --words-border: var(--color-border-subtle); --words-border-hover: var(--color-border-default); --words-bg: var(--color-surface-raised); --words-shadow: var(--shadow-subtle); --words-color: var(--color-content-primary); --words-font-family: var(--font-ui); --words-font-size-sm: var(--font-size-xs); --words-font-size-md: var(--font-size-sm); --words-font-size-lg: var(--font-size-md); --words-line-height: var(--leading-ui); --words-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --words-invalid-border: var(--color-risk-border); --words-disabled-opacity: 0.5; --words-toolbar-gap: var(--space-1); --words-toolbar-px-sm: var(--space-2); --words-toolbar-px-md: var(--space-2-5); --words-toolbar-px-lg: var(--space-3); --words-toolbar-py-sm: var(--space-1); --words-toolbar-py-md: var(--space-1-5); --words-toolbar-py-lg: var(--space-2); --words-toolbar-border: var(--color-border-subtle); --words-toolbar-bg: var(--color-surface-default); --words-button-size-sm: var(--control-height-xs); --words-button-size-md: var(--control-height-sm); --words-button-size-lg: var(--control-height-md); --words-command-gap: var(--space-1); --words-command-px: var(--space-2); --words-command-radius: var(--radius-md); --words-command-color: var(--color-content-secondary); --words-command-border-hover: var(--color-border-default); --words-command-bg-hover: var(--color-surface-overlay); --words-command-color-hover: var(--color-content-primary); --words-command-solid-color: var(--color-content-on-solid); --words-placeholder-color: var(--color-content-muted); --words-content-color: var(--color-content-primary); --words-content-px-sm: var(--space-3); --words-content-px-md: var(--space-4); --words-content-px-lg: var(--space-5); --words-content-py-sm: var(--space-2-5); --words-content-py-md: var(--space-3); --words-content-py-lg: var(--space-4); --words-content-py-after-placeholder: var(--space-1); --words-content-min-block-size-sm: 10rem; --words-content-min-block-size-md: 13rem; --words-content-min-block-size-lg: 16rem; --words-content-max-block-size-sm: 50vh; --words-content-max-block-size-md: 60vh; --words-content-max-block-size-lg: 70vh; --words-rail-bg: #f5f5f5; --words-rail-border: #e3e3e3; --words-selection-color: var(--color-content-primary); --words-block-gap: var(--space-3); --words-heading-color: var(--color-content-primary); --words-heading-font-size: var(--font-size-lg); --words-heading-h1-font-size: var(--font-size-xl); --words-heading-h2-font-size: calc(var(--font-size-lg) + 4px); --words-heading-h3-font-size: var(--font-size-lg); --words-heading-font-weight: var(--font-weight-semibold); --words-heading-line-height: var(--leading-heading); --words-strong-font-weight: var(--font-weight-semibold); --words-code-radius: var(--radius-sm); --words-code-bg: var(--color-surface-overlay); --words-code-color: var(--color-content-primary); --words-code-font-family: var(--font-mono); --words-code-py: var(--space-0-5); --words-code-px: var(--space-1); --words-quote-px: var(--space-3); --words-quote-border-width: var(--border-width-thick); --words-quote-color: var(--color-content-secondary); --words-list-padding-inline-start: var(--space-5); --words-status-py: var(--space-2); --words-status-color: var(--color-content-muted); --words-status-font-size: var(--font-size-xs); --words-status-error-color: var(--color-risk-text); --words-transition-duration: var(--duration-fast); --words-transition-ease: var(--ease-default); --words-primary-solid: var(--color-primary-solid); --words-primary-solid-hover: var(--color-primary-solid-hover); --words-primary-text: var(--color-primary-text); --words-secondary-solid: var(--color-secondary-solid); --words-secondary-solid-hover: var(--color-secondary-solid-hover); --words-secondary-text: var(--color-secondary-text); --words-neutral-solid: var(--color-neutral-solid); --words-neutral-solid-hover: var(--color-neutral-solid-hover); --words-neutral-text: var(--color-neutral-text); --words-affirm-solid: var(--color-affirm-solid); --words-affirm-solid-hover: var(--color-affirm-solid-hover); --words-affirm-text: var(--color-affirm-text); --words-fulfill-solid: var(--color-fulfill-solid); --words-fulfill-solid-hover: var(--color-fulfill-solid-hover); --words-fulfill-track: var(--color-fulfill-track); --words-fulfill-border: var(--color-fulfill-border); --words-fulfill-text: var(--color-fulfill-text); --words-risk-solid: var(--color-risk-solid); --words-risk-solid-hover: var(--color-risk-solid-hover); --words-risk-text: var(--color-risk-text); --words-threat-solid: var(--color-threat-solid); --words-threat-solid-hover: var(--color-threat-solid-hover); --words-threat-text: var(--color-threat-text); --words-loss-solid: var(--color-loss-solid); --words-loss-solid-hover: var(--color-loss-solid-hover); --words-loss-track: var(--color-loss-track); --words-loss-border: var(--color-loss-border); --words-loss-text: var(--color-loss-text); --words-primary-track: var(--color-primary-track); --words-primary-border: var(--color-primary-border); --words-secondary-track: var(--color-secondary-track); --words-secondary-border: var(--color-secondary-border); --words-neutral-track: var(--color-neutral-track); --words-neutral-border: var(--color-neutral-border); --words-affirm-track: var(--color-affirm-track); --words-affirm-border: var(--color-affirm-border); --words-risk-track: var(--color-risk-track); --words-risk-border: var(--color-risk-border); --words-threat-track: var(--color-threat-track); --words-threat-border: var(--color-threat-border); --tags-input-gap-xs: var(--space-1); --tags-input-gap-sm: var(--space-1-5); --tags-input-gap-md: var(--space-2); --tags-input-gap-lg: var(--space-2-5); --tags-input-gap-xl: var(--space-3); --tags-input-control-min-height-xs: var(--control-height-sm); --tags-input-control-min-height-sm: var(--control-height-md); --tags-input-control-min-height-md: var(--control-height-lg); --tags-input-control-min-height-lg: calc(var(--control-height-lg) + var(--space-2)); --tags-input-control-min-height-xl: calc(var(--control-height-xl) + var(--space-2)); --tags-input-control-px-xs: var(--space-1-5); --tags-input-control-px-sm: var(--space-2); --tags-input-control-px-md: var(--space-2-5); --tags-input-control-px-lg: var(--space-3); --tags-input-control-px-xl: var(--space-3-5); --tags-input-control-py-xs: var(--space-0-5); --tags-input-control-py-sm: var(--space-1); --tags-input-control-py-md: var(--space-1-5); --tags-input-control-py-lg: var(--space-2); --tags-input-control-py-xl: var(--space-2-5); --tags-input-item-height-xs: var(--control-height-xs); --tags-input-item-height-sm: var(--control-height-sm); --tags-input-item-height-md: var(--control-height-md); --tags-input-item-height-lg: var(--control-height-lg); --tags-input-item-height-xl: var(--control-height-xl); --tags-input-item-px-xs: var(--space-1-5); --tags-input-item-px-sm: var(--space-2); --tags-input-item-px-md: var(--space-2-5); --tags-input-item-px-lg: var(--space-3); --tags-input-item-px-xl: var(--space-3-5); --tags-input-font-family: var(--font-ui); --tags-input-font-size-xs: var(--font-size-xs); --tags-input-font-size-sm: var(--font-size-xs); --tags-input-font-size-md: var(--font-size-sm); --tags-input-font-size-lg: var(--font-size-md); --tags-input-font-size-xl: var(--font-size-lg); --tags-input-line-height: var(--leading-ui); --tags-input-color: var(--color-content-primary); --tags-input-item-gap: var(--space-1-5); --tags-input-control-radius: var(--radius-lg); --tags-input-control-border-width: var(--border-width); --tags-input-control-border: var(--color-border-default); --tags-input-control-border-hover: var(--color-border-strong); --tags-input-control-bg: var(--color-surface-raised); --tags-input-control-shadow: var(--shadow-subtle); --tags-input-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --tags-input-input-min-inline-size: 8ch; --tags-input-placeholder-color: var(--color-content-muted); --tags-input-item-radius: var(--radius-full); --tags-input-item-border-width: var(--border-width); --tags-input-item-border: var(--color-border-subtle); --tags-input-item-bg: var(--color-surface-overlay); --tags-input-item-color: var(--color-content-primary); --tags-input-action-gap: var(--space-1); --tags-input-action-px: var(--space-2-5); --tags-input-action-radius: var(--radius-md); --tags-input-action-border-width: var(--border-width); --tags-input-action-border: transparent; --tags-input-action-border-hover: var(--color-border-subtle); --tags-input-action-bg: transparent; --tags-input-action-bg-hover: color-mix(in srgb, currentColor 10%, transparent); --tags-input-action-color: var(--color-content-secondary); --tags-input-action-color-hover: var(--color-content-primary); --tags-input-delete-size: var(--control-height-xs); --tags-input-delete-radius: var(--radius-full); --tags-input-transition-duration: var(--duration-fast); --tags-input-transition-ease: var(--ease-default); --tags-input-disabled-opacity: 0.52; --tags-input-primary-text: var(--color-primary-text); --tags-input-secondary-text: var(--color-secondary-text); --tags-input-neutral-text: var(--color-neutral-text); --tags-input-affirm-text: var(--color-affirm-text); --tags-input-fulfill-track: var(--color-fulfill-track); --tags-input-fulfill-border: var(--color-fulfill-border); --tags-input-fulfill-text: var(--color-fulfill-text); --tags-input-risk-text: var(--color-risk-text); --tags-input-threat-text: var(--color-threat-text); --tags-input-loss-track: var(--color-loss-track); --tags-input-loss-border: var(--color-loss-border); --tags-input-loss-text: var(--color-loss-text); --tags-input-primary-track: var(--color-primary-track); --tags-input-primary-border: var(--color-primary-border); --tags-input-secondary-track: var(--color-secondary-track); --tags-input-secondary-border: var(--color-secondary-border); --tags-input-neutral-track: var(--color-neutral-track); --tags-input-neutral-border: var(--color-neutral-border); --tags-input-affirm-track: var(--color-affirm-track); --tags-input-affirm-border: var(--color-affirm-border); --tags-input-risk-track: var(--color-risk-track); --tags-input-risk-border: var(--color-risk-border); --tags-input-threat-track: var(--color-threat-track); --tags-input-threat-border: var(--color-threat-border); --stepper-gap-sm: var(--space-3); --stepper-gap-md: var(--space-4); --stepper-gap-lg: var(--space-5); --stepper-indicator-size-sm: var(--control-height-sm); --stepper-indicator-size-md: var(--control-height-md); --stepper-indicator-size-lg: var(--control-height-lg); --stepper-font-family: var(--font-ui); --stepper-font-size-sm: var(--font-size-xs); --stepper-font-size-md: var(--font-size-sm); --stepper-font-size-lg: var(--font-size-md); --stepper-line-height: var(--leading-ui); --stepper-color: var(--color-content-primary); --stepper-list-gap: var(--space-1); --stepper-item-gap: var(--space-2); --stepper-trigger-gap: var(--space-2); --stepper-trigger-px: var(--space-2); --stepper-trigger-py: var(--space-1); --stepper-trigger-radius: var(--radius-md); --stepper-trigger-border-width: var(--border-width); --stepper-trigger-color: var(--color-content-secondary); --stepper-trigger-color-hover: var(--color-content-primary); --stepper-trigger-bg-hover: var(--color-surface-overlay); --stepper-indicator-radius: var(--radius-full); --stepper-indicator-border-width: var(--border-width); --stepper-indicator-border: var(--color-border-default); --stepper-indicator-bg: var(--color-surface-raised); --stepper-indicator-color: var(--color-content-secondary); --stepper-indicator-font-weight: var(--font-weight-semibold); --stepper-complete-color: var(--color-content-on-solid); --stepper-separator-min-size: 3rem; --stepper-separator-thickness: var(--border-width-thick); --stepper-separator-radius: var(--radius-full); --stepper-separator-bg: var(--color-border-subtle); --stepper-content-padding: var(--space-4); --stepper-content-radius: var(--radius-lg); --stepper-content-border-width: var(--border-width); --stepper-content-border: var(--color-border-subtle); --stepper-content-bg: var(--color-surface-raised); --stepper-content-shadow: var(--shadow-subtle); --stepper-nav-height: var(--control-height-md); --stepper-nav-px: var(--space-3); --stepper-nav-radius: var(--radius-md); --stepper-nav-border-width: var(--border-width); --stepper-nav-border: var(--color-border-subtle); --stepper-nav-bg: var(--color-surface-raised); --stepper-nav-color: var(--color-content-primary); --stepper-nav-hover-brightness: 1.04; --stepper-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color); --stepper-transition-duration: var(--duration-fast); --stepper-transition-ease: var(--ease-default); --stepper-disabled-opacity: 0.45; --stepper-primary-solid: var(--color-primary-solid); --stepper-primary-text: var(--color-primary-text); --stepper-secondary-solid: var(--color-secondary-solid); --stepper-secondary-text: var(--color-secondary-text); --stepper-neutral-solid: var(--color-neutral-solid); --stepper-neutral-text: var(--color-neutral-text); --stepper-affirm-solid: var(--color-affirm-solid); --stepper-affirm-text: var(--color-affirm-text); --stepper-fulfill-solid: var(--color-fulfill-solid); --stepper-fulfill-track: var(--color-fulfill-track); --stepper-fulfill-border: var(--color-fulfill-border); --stepper-fulfill-text: var(--color-fulfill-text); --stepper-primary-track: var(--color-primary-track); --stepper-primary-border: var(--color-primary-border); --stepper-secondary-track: var(--color-secondary-track); --stepper-secondary-border: var(--color-secondary-border); --stepper-neutral-track: var(--color-neutral-track); --stepper-neutral-border: var(--color-neutral-border); --stepper-affirm-track: var(--color-affirm-track); --stepper-affirm-border: var(--color-affirm-border); --slider-track-size-xs: 3px; --slider-track-size-sm: 4px; --slider-track-size-md: 6px; --slider-track-size-lg: 8px; --slider-track-size-xl: 10px; --slider-thumb-size-xs: 12px; --slider-thumb-size-sm: 16px; --slider-thumb-size-md: 20px; --slider-thumb-size-lg: 24px; --slider-thumb-size-xl: 28px; --slider-hit-size-xs: 24px; --slider-hit-size-sm: 28px; --slider-hit-size-md: 32px; --slider-hit-size-lg: 36px; --slider-hit-size-xl: 40px; --slider-tick-size-xs: 3px; --slider-tick-size-sm: 4px; --slider-tick-size-md: 5px; --slider-tick-size-lg: 6px; --slider-tick-size-xl: 7px; --slider-min-inline-size: 12rem; --slider-min-block-size: 10rem; --slider-track-radius: var(--radius-full); --slider-track-bg: var(--color-neutral-track); --slider-range-bg: var(--color-primary-solid); --slider-thumb-radius: var(--radius-full); --slider-thumb-border-width: var(--border-width); --slider-thumb-border: var(--color-border-default); --slider-thumb-bg: var(--color-surface-default); --slider-thumb-shadow: var(--shadow-subtle); --slider-thumb-focus-shadow: 0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color), var(--slider-thumb-shadow); --slider-tick-radius: var(--radius-full); --slider-tick-bg: var(--color-neutral-border); --slider-tick-bg-active: var(--color-primary-solid); --slider-transition-duration: var(--duration-fast); --slider-transition-ease: var(--ease-default); --slider-disabled-opacity: 0.56; --switch-size-xs-track-width: 26px; --switch-size-xs-track-height: 15px; --switch-size-xs-thumb-size: 11px; --switch-size-xs-thumb-translate: 12px; --switch-size-sm-track-width: 32px; --switch-size-sm-track-height: 18px; --switch-size-sm-thumb-size: 14px; --switch-size-sm-thumb-translate: 14px; --switch-size-md-track-width: 38px; --switch-size-md-track-height: 22px; --switch-size-md-thumb-size: 18px; --switch-size-md-thumb-translate: 16px; --switch-size-lg-track-width: 46px; --switch-size-lg-track-height: 28px; --switch-size-lg-thumb-size: 24px; --switch-size-lg-thumb-translate: 18px; --switch-size-xl-track-width: 54px; --switch-size-xl-track-height: 34px; --switch-size-xl-thumb-size: 30px; --switch-size-xl-thumb-translate: 20px; --switch-track-radius: var(--radius-full); --switch-track-border-width: var(--border-width); --switch-thumb-inset: 1px; --switch-thumb-radius: var(--radius-full); --switch-thumb-border-width: var(--border-width); --switch-thumb-shadow: 0 1px 2px rgb(17 14 10 / 0.12); --switch-focus-ring-offset: var(--focus-ring-offset); --switch-focus-ring-width: var(--focus-ring-width); --switch-focus-ring-color: var(--focus-ring-color); --switch-focus-ring-surface: var(--color-surface-default); --switch-transition-duration: var(--duration-fast); --switch-transition-ease: var(--ease-default); --switch-track-bg-off: var(--color-surface-overlay); --switch-track-bg-off-hover: color-mix( in srgb, var(--color-surface-overlay) 82%, var(--color-surface-raised) ); --switch-track-border-off: var(--color-border-default); --switch-track-border-off-hover: var(--color-border-strong); --switch-track-bg-disabled: color-mix( in srgb, var(--color-surface-overlay) 70%, var(--color-surface-default) ); --switch-track-border-disabled: color-mix( in srgb, var(--color-border-default) 70%, var(--color-border-subtle) ); --switch-thumb-bg-disabled: color-mix( in srgb, var(--color-surface-default) 88%, var(--color-surface-raised) ); --switch-thumb-border-disabled: color-mix( in srgb, var(--color-border-subtle) 88%, var(--color-surface-overlay) ); --switch-disabled-opacity: 0.72; --switch-thumb-bg: var(--color-surface-default); --switch-thumb-border: color-mix( in srgb, var(--color-border-default) 82%, var(--color-surface-overlay) ); --switch-thumb-icon-color: var(--color-content-muted); --switch-primary-solid: var(--color-primary-solid); --switch-primary-solid-hover: var(--color-primary-solid-hover); --switch-neutral-solid: var(--color-neutral-solid); --switch-neutral-solid-hover: var(--color-neutral-solid-hover); --switch-risk-solid: var(--color-risk-solid); --switch-risk-solid-hover: var(--color-risk-solid-hover); --switch-threat-solid: var(--color-threat-solid); --switch-threat-solid-hover: var(--color-threat-solid-hover); --switch-secondary-solid: var(--color-secondary-solid); --switch-secondary-solid-hover: var(--color-secondary-solid-hover); --switch-affirm-solid: var(--color-affirm-solid); --switch-affirm-solid-hover: var(--color-affirm-solid-hover); --tabs-stack-gap: var(--space-4); --tabs-line-stack-gap: var(--space-3); --tabs-provider-radius: var(--radius-xl); --tabs-provider-border-width: var(--border-width); --tabs-provider-border: var(--color-border-default); --tabs-provider-bg: var(--color-surface-raised); --tabs-surface-provider-padding: var(--space-3); --tabs-surface-provider-shadow: var(--shadow-subtle); --tabs-list-gap: var(--space-1); --tabs-list-padding: var(--space-1); --tabs-list-radius: var(--radius-lg); --tabs-list-width: 220px; --tabs-list-bg: transparent; --tabs-list-border-width: var(--border-width); --tabs-list-border: var(--color-border-default); --tabs-line-list-padding-inline-end: var(--space-2); --tabs-surface-list-bg: color-mix(in srgb, var(--color-surface-default) 82%, transparent); --tabs-pills-list-bg: color-mix(in srgb, var(--color-surface-default) 90%, transparent); --tabs-trigger-height-xs: var(--control-height-xs); --tabs-trigger-height-sm: var(--control-height-sm); --tabs-trigger-height-md: var(--control-height-md); --tabs-trigger-height-lg: var(--control-height-lg); --tabs-trigger-px-xs: var(--space-2-5); --tabs-trigger-px-sm: var(--space-3); --tabs-trigger-px-md: var(--space-3-5); --tabs-trigger-px-lg: var(--space-4); --tabs-trigger-gap-xs: var(--space-1); --tabs-trigger-gap-sm: var(--space-1-5); --tabs-trigger-gap-md: var(--space-2); --tabs-trigger-gap-lg: var(--space-2); --tabs-trigger-radius: var(--radius-md); --tabs-trigger-border-width: var(--border-width); --tabs-trigger-font-family: var(--font-ui); --tabs-trigger-font-size: var(--font-size-sm); --tabs-trigger-font-weight: var(--font-weight-medium); --tabs-trigger-line-height: var(--leading-ui); --tabs-trigger-letter-spacing: var(--tracking-ui); --tabs-trigger-color: var(--color-content-secondary); --tabs-trigger-color-hover: var(--color-content-primary); --tabs-trigger-color-active: var(--color-content-primary); --tabs-trigger-bg: transparent; --tabs-trigger-bg-hover: color-mix( in srgb, var(--color-surface-default) 84%, transparent ); --tabs-trigger-bg-active: var(--color-surface-overlay); --tabs-trigger-border: transparent; --tabs-trigger-border-active: var(--color-primary-border); --tabs-trigger-transition-duration: var(--duration-fast); --tabs-trigger-transition-ease: var(--ease-default); --tabs-trigger-focus-ring-offset: var(--focus-ring-offset); --tabs-trigger-focus-ring-width: var(--focus-ring-width); --tabs-trigger-focus-ring-color: var(--focus-ring-color); --tabs-surface-trigger-border-active: color-mix( in srgb, var(--tabs-trigger-border-active) 58%, transparent ); --tabs-pills-trigger-radius: var(--radius-full); --tabs-pills-trigger-border-active: color-mix( in srgb, var(--tabs-trigger-border-active) 58%, transparent ); --tabs-pills-trigger-shadow-active: var(--shadow-subtle); --tabs-content-padding-xs: var(--space-3); --tabs-content-padding-sm: var(--space-4); --tabs-content-padding-md: var(--space-5); --tabs-content-padding-lg: var(--space-6); --tabs-content-radius: var(--radius-lg); --tabs-content-bg: transparent; --tabs-content-border-width: var(--border-width); --tabs-content-border: transparent; --tabs-content-color: var(--color-content-primary); --tabs-surface-content-border: color-mix( in srgb, var(--tabs-provider-border) 84%, transparent ); --tabs-surface-content-bg: color-mix( in srgb, var(--color-surface-overlay) 92%, transparent ); --tabs-pills-content-padding-block-start: var(--space-2); --tabs-disabled-opacity: 0.5; --tabs-indicator-transition-duration: var(--duration-normal); --tabs-indicator-transition-ease: cubic-bezier(0.32, 0.72, 0, 1); --tabs-indicator-line-thickness: 2px; --tabs-scrollable-fade: 16px; --s-text-hint-color: var(--color-content-secondary); --s-text-hint-opacity: 0.8; --s-text-hint-margin-top: var(--space-1); --s-text-virtual-list-line-height: var(--leading-prose); --s-text-virtual-list-color: var(--color-content-primary); --s-text-virtual-list-bg: var(--color-surface-default); --s-text-virtual-list-border-width: var(--border-width); --s-text-virtual-list-border-color: var(--color-border-subtle); --s-text-virtual-list-radius: var(--radius-md); --s-text-virtual-list-row-px: var(--space-3); --s-text-virtual-list-row-border-width: var(--border-width); --s-text-virtual-list-row-border-color: var(--color-border-subtle); --toast-toaster-z: 1200; --toast-toaster-inset: var(--space-4); --toast-toaster-gap: var(--space-3); --toast-toaster-width: 420px; --toast-provider-min-width: 280px; --toast-provider-max-width: 420px; --toast-provider-gap: var(--space-3); --toast-provider-stack-gap: var(--space-1); --toast-provider-px: var(--space-4); --toast-provider-py: var(--space-3); --toast-provider-border-width: var(--border-width); --toast-provider-radius: var(--radius-lg); --toast-provider-shadow: var(--depth-overlay-shadow), var(--depth-overlay-halo); --toast-accent-width: 3px; --toast-transition-duration: var(--duration-fast); --toast-transition-ease: var(--ease-default); --toast-closed-offset: 10px; --toast-closed-scale: 0.98; --toast-status-size: 32px; --toast-status-radius: var(--radius-full); --toast-title-font-family: var(--font-ui); --toast-title-font-size: var(--font-size-sm); --toast-title-font-weight: var(--font-weight-semibold); --toast-title-line-height: var(--leading-ui); --toast-title-color: var(--color-content-primary); --toast-message-color: var(--color-content-primary); --toast-description-font-family: var(--font-ui); --toast-description-font-size: var(--font-size-xs); --toast-description-line-height: var(--leading-prose); --toast-description-color: var(--color-content-secondary); --toast-action-gap: var(--space-1); --toast-action-px: var(--space-2); --toast-action-py: var(--space-1); --toast-action-margin-top: var(--space-1); --toast-action-border-width: var(--border-width); --toast-action-radius: var(--radius-md); --toast-action-font-family: var(--font-ui); --toast-action-font-size: var(--font-size-xs); --toast-action-font-weight: var(--font-weight-medium); --toast-action-line-height: var(--leading-ui); --toast-action-focus-ring-offset: var(--focus-ring-offset); --toast-action-focus-ring-width: var(--focus-ring-width); --toast-action-focus-ring-color: var(--focus-ring-color); --toast-close-size: 28px; --toast-close-border-width: var(--border-width); --toast-close-radius: var(--radius-full); --toast-close-bg: transparent; --toast-close-border: transparent; --toast-close-color: var(--color-content-secondary); --toast-close-hover-bg: var(--color-surface-raised); --toast-close-hover-border: var(--color-border-subtle); --toast-close-hover-color: var(--color-content-primary); --toast-close-focus-ring-offset: var(--focus-ring-offset); --toast-close-focus-ring-width: var(--focus-ring-width); --toast-close-focus-ring-color: var(--focus-ring-color); --toast-default-surface: color-mix( in srgb, var(--color-surface-overlay) 92%, var(--color-neutral-track) ); --toast-default-border: color-mix( in srgb, var(--color-neutral-border) 72%, var(--color-border-default) ); --toast-default-accent: var(--color-neutral-border); --toast-default-status-bg: var(--color-neutral-track); --toast-default-status-color: var(--color-neutral-text); --toast-default-action-color: var(--color-neutral-text); --toast-default-action-hover-bg: var(--color-neutral-track); --toast-affirm-surface: color-mix( in srgb, var(--color-surface-overlay) 90%, var(--color-affirm-track) ); --toast-affirm-border: color-mix( in srgb, var(--color-affirm-border) 70%, var(--color-border-default) ); --toast-affirm-accent: var(--color-affirm-border); --toast-affirm-status-bg: var(--color-affirm-track); --toast-affirm-status-color: var(--color-affirm-text); --toast-affirm-action-color: var(--color-affirm-text); --toast-affirm-action-hover-bg: var(--color-affirm-track); --toast-fulfill-surface: color-mix( in srgb, var(--color-surface-overlay) 90%, var(--color-fulfill-track) ); --toast-fulfill-border: color-mix( in srgb, var(--color-fulfill-border) 70%, var(--color-border-default) ); --toast-fulfill-accent: var(--color-fulfill-border); --toast-fulfill-status-bg: var(--color-fulfill-track); --toast-fulfill-status-color: var(--color-fulfill-text); --toast-fulfill-action-color: var(--color-fulfill-text); --toast-fulfill-action-hover-bg: var(--color-fulfill-track); --toast-risk-surface: color-mix( in srgb, var(--color-surface-overlay) 90%, var(--color-risk-track) ); --toast-risk-border: color-mix( in srgb, var(--color-risk-border) 72%, var(--color-border-default) ); --toast-risk-accent: var(--color-risk-border); --toast-risk-status-bg: var(--color-risk-track); --toast-risk-status-color: var(--color-risk-text); --toast-risk-action-color: var(--color-risk-text); --toast-risk-action-hover-bg: var(--color-risk-track); --toast-threat-surface: color-mix( in srgb, var(--color-surface-overlay) 90%, var(--color-threat-track) ); --toast-threat-border: color-mix( in srgb, var(--color-threat-border) 72%, var(--color-border-default) ); --toast-threat-accent: var(--color-threat-border); --toast-threat-status-bg: var(--color-threat-track); --toast-threat-status-color: var(--color-threat-text); --toast-threat-action-color: var(--color-threat-text); --toast-threat-action-hover-bg: var(--color-threat-track); --toast-loss-surface: color-mix( in srgb, var(--color-surface-overlay) 90%, var(--color-loss-track) ); --toast-loss-border: color-mix( in srgb, var(--color-loss-border) 72%, var(--color-border-default) ); --toast-loss-accent: var(--color-loss-border); --toast-loss-status-bg: var(--color-loss-track); --toast-loss-status-color: var(--color-loss-text); --toast-loss-action-color: var(--color-loss-text); --toast-loss-action-hover-bg: var(--color-loss-track); --toggle-height-xs: var(--control-height-xs); --toggle-height-sm: var(--control-height-sm); --toggle-height-md: var(--control-height-md); --toggle-height-lg: var(--control-height-lg); --toggle-height-xl: var(--control-height-xl); --toggle-px-xs: var(--space-2); --toggle-px-sm: var(--space-2-5); --toggle-px-md: var(--space-3-5); --toggle-px-lg: var(--space-4-5); --toggle-px-xl: var(--space-5); --toggle-gap-xs: var(--space-1); --toggle-gap-sm: var(--space-1-5); --toggle-gap-md: var(--space-1-5); --toggle-gap-lg: var(--space-2); --toggle-gap-xl: var(--space-2-5); --toggle-font-family: var(--font-ui); --toggle-line-height: var(--leading-ui); --toggle-letter-spacing: var(--tracking-normal); --toggle-font-size-xs: 10px; --toggle-font-size-sm: 12px; --toggle-font-size-md: 14px; --toggle-font-size-lg: 16px; --toggle-font-size-xl: 18px; --toggle-font-weight-xs: var(--font-weight-medium); --toggle-font-weight-sm: var(--font-weight-medium); --toggle-font-weight-md: var(--font-weight-medium); --toggle-font-weight-lg: var(--font-weight-medium); --toggle-font-weight-xl: var(--font-weight-medium); --toggle-radius-xs: var(--radius-sm); --toggle-radius-sm: var(--radius-sm); --toggle-radius-md: var(--radius-md); --toggle-radius-lg: var(--radius-md); --toggle-radius-xl: var(--radius-md); --toggle-border-width: var(--border-width); --toggle-shadow: none; --toggle-transition-duration: var(--duration-fast); --toggle-transition-ease: var(--ease-default); --toggle-primary-track: var(--color-primary-track); --toggle-primary-element: var(--color-primary-element); --toggle-primary-hover: var(--color-primary-hover); --toggle-primary-border: var(--color-primary-border); --toggle-primary-solid: var(--color-primary-solid); --toggle-primary-solid-hover: var(--color-primary-solid-hover); --toggle-primary-text: var(--color-primary-text); --toggle-primary-contrast: var(--color-primary-contrast); --toggle-neutral-track: var(--color-neutral-track); --toggle-neutral-element: var(--color-neutral-element); --toggle-neutral-hover: var(--color-neutral-hover); --toggle-neutral-border: var(--color-neutral-border); --toggle-neutral-solid: var(--color-neutral-solid); --toggle-neutral-solid-hover: var(--color-neutral-solid-hover); --toggle-neutral-text: var(--color-neutral-text); --toggle-neutral-contrast: var(--color-neutral-contrast); --toggle-risk-track: var(--color-risk-track); --toggle-risk-element: var(--color-risk-element); --toggle-risk-hover: var(--color-risk-hover); --toggle-risk-border: var(--color-risk-border); --toggle-risk-solid: var(--color-risk-solid); --toggle-risk-solid-hover: var(--color-risk-solid-hover); --toggle-risk-text: var(--color-risk-text); --toggle-risk-contrast: var(--color-risk-contrast); --toggle-threat-track: var(--color-threat-track); --toggle-threat-element: var(--color-threat-element); --toggle-threat-hover: var(--color-threat-hover); --toggle-threat-border: var(--color-threat-border); --toggle-threat-solid: var(--color-threat-solid); --toggle-threat-solid-hover: var(--color-threat-solid-hover); --toggle-threat-text: var(--color-threat-text); --toggle-threat-contrast: var(--color-threat-contrast); --toggle-secondary-track: var(--color-secondary-track); --toggle-secondary-element: var(--color-secondary-element); --toggle-secondary-hover: var(--color-secondary-hover); --toggle-secondary-border: var(--color-secondary-border); --toggle-secondary-solid: var(--color-secondary-solid); --toggle-secondary-solid-hover: var(--color-secondary-solid-hover); --toggle-secondary-text: var(--color-secondary-text); --toggle-secondary-contrast: var(--color-secondary-contrast); --toggle-affirm-track: var(--color-affirm-track); --toggle-affirm-element: var(--color-affirm-element); --toggle-affirm-hover: var(--color-affirm-hover); --toggle-affirm-border: var(--color-affirm-border); --toggle-affirm-solid: var(--color-affirm-solid); --toggle-affirm-solid-hover: var(--color-affirm-solid-hover); --toggle-affirm-text: var(--color-affirm-text); --toggle-affirm-contrast: var(--color-affirm-contrast); --toggle-solid-bg: var(--color-surface-raised); --toggle-solid-fg: var(--color-content-primary); --toggle-solid-border: var(--color-border-default); --toggle-outline-bg: transparent; --toggle-ghost-bg: transparent; --toggle-ghost-border: transparent; --toggle-ghost-hover-border: transparent; --toggle-disabled-opacity: 0.45; --tooltip-content-z: 76; --tooltip-max-width: 22rem; --tooltip-padding-y-sm: var(--space-1); --tooltip-padding-x-sm: var(--space-2); --tooltip-padding-y-md: var(--space-1-5); --tooltip-padding-x-md: var(--space-2-5); --tooltip-padding-y-lg: var(--space-2); --tooltip-padding-x-lg: var(--space-3); --tooltip-font-size-sm: var(--font-size-xs); --tooltip-font-size-md: var(--font-size-sm); --tooltip-font-size-lg: var(--font-size-md); --tooltip-font-family: var(--font-ui); --tooltip-font-weight: var(--font-weight-regular); --tooltip-line-height: var(--leading-text); --tooltip-radius: var(--radius-md); --tooltip-border-width: var(--border-width); --tooltip-bg: var(--color-surface-overlay); --tooltip-color: var(--color-content-primary); --tooltip-border: color-mix( in srgb, var(--color-border-default) 84%, var(--tooltip-bg) ); --tooltip-shadow: var(--depth-overlay-shadow), var(--depth-overlay-halo); --box-display: revert-layer; --box-position: revert-layer; --box-width: revert-layer; --box-min-width: 0; --box-max-width: revert-layer; --box-height: revert-layer; --box-min-height: revert-layer; --box-max-height: revert-layer; --box-padding: revert-layer; --box-padding-block: revert-layer; --box-padding-inline: revert-layer; --box-padding-top: revert-layer; --box-padding-right: revert-layer; --box-padding-bottom: revert-layer; --box-padding-left: revert-layer; --box-margin: revert-layer; --box-margin-block: revert-layer; --box-margin-inline: revert-layer; --box-margin-top: revert-layer; --box-margin-right: revert-layer; --box-margin-bottom: revert-layer; --box-margin-left: revert-layer; --box-gap: revert-layer; --box-top: revert-layer; --box-right: revert-layer; --box-bottom: revert-layer; --box-left: revert-layer; --box-inset: revert-layer; --box-inset-block: revert-layer; --box-inset-inline: revert-layer; --box-overflow: revert-layer; --box-overflow-x: revert-layer; --box-overflow-y: revert-layer; --box-flex: revert-layer; --box-grow: revert-layer; --box-shrink: revert-layer; --box-basis: revert-layer; --box-order: revert-layer; --box-align-self: revert-layer; --box-justify-self: revert-layer; --box-place-self: revert-layer; --box-grid-column: revert-layer; --box-grid-row: revert-layer; --box-grid-area: revert-layer; --flex-direction: row; --flex-align: stretch; --flex-justify: flex-start; --flex-wrap: nowrap; --flex-align-content: normal; --flex-row-gap: var(--box-gap, revert-layer); --flex-column-gap: var(--box-gap, revert-layer); --grid-template-columns: none; --grid-template-rows: none; --grid-auto-columns: auto; --grid-auto-rows: auto; --grid-auto-flow: row; --grid-align: stretch; --grid-justify: start; --grid-align-content: normal; --grid-place-items: revert-layer; --grid-place-content: revert-layer; --grid-gap: revert-layer; --grid-row-gap: var(--grid-gap, revert-layer); --grid-column-gap: var(--grid-gap, revert-layer); --float-gap: var(--space-3); --group-attached-overlap: 1px; --banner-gap: var(--space-3); --banner-radius: 0; --banner-primary-solid: var(--color-primary-solid); --banner-primary-contrast: var(--color-primary-contrast); --banner-primary-track: var(--color-primary-track); --banner-primary-border: var(--color-primary-border); --banner-primary-text: var(--color-primary-text); --banner-secondary-solid: var(--color-secondary-solid); --banner-secondary-contrast: var(--color-secondary-contrast); --banner-secondary-track: var(--color-secondary-track); --banner-secondary-border: var(--color-secondary-border); --banner-secondary-text: var(--color-secondary-text); --banner-neutral-solid: var(--color-neutral-solid); --banner-neutral-contrast: var(--color-neutral-contrast); --banner-neutral-track: var(--color-neutral-track); --banner-neutral-border: var(--color-neutral-border); --banner-neutral-text: var(--color-neutral-text); --banner-affirm-solid: var(--color-affirm-solid); --banner-affirm-contrast: var(--color-affirm-contrast); --banner-affirm-track: var(--color-affirm-track); --banner-affirm-border: var(--color-affirm-border); --banner-affirm-text: var(--color-affirm-text); --banner-fulfill-solid: var(--color-fulfill-solid); --banner-fulfill-contrast: var(--color-fulfill-contrast); --banner-fulfill-track: var(--color-fulfill-track); --banner-fulfill-border: var(--color-fulfill-border); --banner-fulfill-text: var(--color-fulfill-text); --banner-risk-solid: var(--color-risk-solid); --banner-risk-contrast: var(--color-risk-contrast); --banner-risk-track: var(--color-risk-track); --banner-risk-border: var(--color-risk-border); --banner-risk-text: var(--color-risk-text); --banner-threat-solid: var(--color-threat-solid); --banner-threat-contrast: var(--color-threat-contrast); --banner-threat-track: var(--color-threat-track); --banner-threat-border: var(--color-threat-border); --banner-threat-text: var(--color-threat-text); --banner-loss-solid: var(--color-loss-solid); --banner-loss-contrast: var(--color-loss-contrast); --banner-loss-track: var(--color-loss-track); --banner-loss-border: var(--color-loss-border); --banner-loss-text: var(--color-loss-text); --container-width-xl: var(--layout-container-width-xl, 80rem); --section-padding-block-sm: var(--space-8); --section-padding-block-md: var(--space-12); --section-padding-block-lg: var(--space-16); --section-padding-block-xl: calc(var(--space-16) * 1.5); --separator-thickness: var(--border-width); --separator-color: var(--color-border-default); --separator-min-length: var(--space-4); --toggle-group-gap: var(--space-1); --pin-input-gap: var(--space-2); --pin-input-disabled-opacity: 0.55; --pin-input-cell-size-sm: 2rem; --pin-input-cell-size-md: 2.5rem; --pin-input-cell-size-lg: 3rem; --pin-input-cell-size-xl: 3.5rem; --pin-input-cell-font-size-sm: var(--font-size-md); --pin-input-cell-font-size-md: var(--font-size-lg); --pin-input-cell-font-size-lg: var(--font-size-xl); --pin-input-cell-font-size-xl: var(--font-size-xxl); --pin-input-cell-font-weight: 500; --pin-input-cell-radius: var(--radius-md); --pin-input-cell-border-width: 1px; --pin-input-cell-border-color: var(--color-border-default); --pin-input-cell-bg: var(--color-surface-default); --pin-input-cell-filled-bg: var(--color-primary-element); --pin-input-cell-filled-border: var(--color-primary-border); --pin-input-cell-active-border: var(--color-primary-solid); --pin-input-cell-invalid-border: var(--color-threat-solid); --scroll-area-bg: transparent; --scroll-area-radius: var(--radius-md); --scroll-area-scrollbar-padding: var(--space-0-5); --scroll-area-scrollbar-size: var(--space-2-5); --scroll-area-track-bg: color-mix(in srgb, var(--color-neutral-track) 60%, transparent); --scroll-area-track-bg-hover: color-mix(in srgb, var(--color-neutral-track) 84%, transparent); --scroll-area-thumb-bg: var(--color-content-muted); --scroll-area-thumb-bg-hover: var(--color-content-secondary); --scroll-area-thumb-radius: var(--radius-full); --scroll-area-thumb-min-size: var(--space-3); --scroll-area-transition-duration: var(--duration-fast); --scroll-area-transition-ease: var(--ease-default); --splitter-bg: var(--color-surface-default); --splitter-radius: var(--radius-md); --splitter-border-width: var(--border-width); --splitter-border-color: var(--color-border-default); --splitter-disabled-opacity: 0.6; --splitter-panel-bg: transparent; --splitter-handle-size: var(--space-2); --splitter-handle-bg: var(--color-border-subtle); --splitter-handle-bg-hover: var(--color-border-default); --splitter-handle-bg-active: var(--color-primary-solid); --splitter-grip-radius: var(--radius-full); --splitter-grip-bg: var(--color-content-muted); --splitter-grip-main: var(--space-4); --splitter-grip-cross: 2px; --splitter-transition-duration: var(--duration-fast); --splitter-transition-ease: var(--ease-default); --navigation-menu-indicator-w: 0px; --navigation-menu-indicator-x: 0px; --dropdown-menu-content-z: 80; --dropdown-menu-content-min-width: 12rem; --dropdown-menu-content-max-height: min(60vh, 22rem); --dropdown-menu-content-padding: var(--space-1); --dropdown-menu-content-border-width: 1px; --dropdown-menu-content-border-color: var(--color-border-default); --dropdown-menu-content-radius: var(--radius-md); --dropdown-menu-content-bg: var(--color-surface-overlay); --dropdown-menu-content-shadow: var(--depth-overlay-shadow), var(--depth-overlay-halo); --dropdown-menu-content-font-size: var(--font-size-sm); --dropdown-menu-item-gap: var(--space-2); --dropdown-menu-item-height: 2rem; --dropdown-menu-item-px: var(--space-2); --dropdown-menu-item-py: var(--space-1); --dropdown-menu-item-radius: var(--radius-sm); --dropdown-menu-item-bg-hover: var(--color-primary-element); --dropdown-menu-item-fg-hover: var(--color-content-primary); --dropdown-menu-item-disabled-opacity: 0.55; --dropdown-menu-heading-px: var(--space-2); --dropdown-menu-heading-py: var(--space-1); --dropdown-menu-heading-font-size: var(--font-size-xs); --dropdown-menu-separator-bg: var(--color-border-subtle); --dropdown-menu-separator-my: var(--space-1); --context-menu-content-min-width: 12rem; --context-menu-content-max-height: min(60vh, 22rem); --context-menu-content-padding: var(--space-1); --context-menu-content-border-width: 1px; --context-menu-content-border-color: var(--color-border-default); --context-menu-content-radius: var(--radius-md); --context-menu-content-bg: var(--color-surface-overlay); --context-menu-content-shadow: var(--depth-overlay-shadow), var(--depth-overlay-halo); --context-menu-content-font-size: var(--font-size-sm); --context-menu-item-gap: var(--space-2); --context-menu-item-height: 2rem; --context-menu-item-px: var(--space-2); --context-menu-item-py: var(--space-1); --context-menu-item-radius: var(--radius-sm); --context-menu-item-bg-hover: var(--color-primary-element); --context-menu-item-fg-hover: var(--color-content-primary); --context-menu-item-disabled-opacity: 0.55; --context-menu-heading-px: var(--space-2); --context-menu-heading-py: var(--space-1); --context-menu-heading-font-size: var(--font-size-xs); --context-menu-separator-bg: var(--color-border-subtle); --context-menu-separator-my: var(--space-1); --date-range-field-row-gap: var(--space-3); --date-range-field-separator-color: var(--color-content-muted); --date-range-field-separator-glyph: '—'; --time-range-field-row-gap: var(--space-3); --time-range-field-separator-color: var(--color-content-muted); --time-range-field-separator-glyph: '—'; } [data-avatar] { --_avatar-bg: var(--avatar-neutral-soft-bg); --_avatar-fg: var(--avatar-neutral-soft-fg); --_avatar-border: transparent; } [data-avatar][data-color='primary'][data-variant='solid'] { --_avatar-bg: var(--avatar-primary-solid-bg); --_avatar-fg: var(--avatar-primary-solid-fg); } [data-avatar][data-color='secondary'][data-variant='solid'] { --_avatar-bg: var(--avatar-secondary-solid-bg); --_avatar-fg: var(--avatar-secondary-solid-fg); } [data-avatar][data-color='neutral'][data-variant='solid'] { --_avatar-bg: var(--avatar-neutral-solid-bg); --_avatar-fg: var(--avatar-neutral-solid-fg); } [data-avatar][data-color='affirm'][data-variant='solid'] { --_avatar-bg: var(--avatar-affirm-solid-bg); --_avatar-fg: var(--avatar-affirm-solid-fg); } [data-avatar][data-color='fulfill'][data-variant='solid'] { --_avatar-bg: var(--avatar-fulfill-solid-bg); --_avatar-fg: var(--avatar-fulfill-solid-fg); } [data-avatar][data-color='risk'][data-variant='solid'] { --_avatar-bg: var(--avatar-risk-solid-bg); --_avatar-fg: var(--avatar-risk-solid-fg); } [data-avatar][data-color='threat'][data-variant='solid'] { --_avatar-bg: var(--avatar-threat-solid-bg); --_avatar-fg: var(--avatar-threat-solid-fg); } [data-avatar][data-color='loss'][data-variant='solid'] { --_avatar-bg: var(--avatar-loss-solid-bg); --_avatar-fg: var(--avatar-loss-solid-fg); } [data-avatar][data-color='primary'][data-variant='soft'] { --_avatar-bg: var(--avatar-primary-soft-bg); --_avatar-fg: var(--avatar-primary-soft-fg); } [data-avatar][data-color='secondary'][data-variant='soft'] { --_avatar-bg: var(--avatar-secondary-soft-bg); --_avatar-fg: var(--avatar-secondary-soft-fg); } [data-avatar][data-color='neutral'][data-variant='soft'] { --_avatar-bg: var(--avatar-neutral-soft-bg); --_avatar-fg: var(--avatar-neutral-soft-fg); } [data-avatar][data-color='affirm'][data-variant='soft'] { --_avatar-bg: var(--avatar-affirm-soft-bg); --_avatar-fg: var(--avatar-affirm-soft-fg); } [data-avatar][data-color='fulfill'][data-variant='soft'] { --_avatar-bg: var(--avatar-fulfill-soft-bg); --_avatar-fg: var(--avatar-fulfill-soft-fg); } [data-avatar][data-color='risk'][data-variant='soft'] { --_avatar-bg: var(--avatar-risk-soft-bg); --_avatar-fg: var(--avatar-risk-soft-fg); } [data-avatar][data-color='threat'][data-variant='soft'] { --_avatar-bg: var(--avatar-threat-soft-bg); --_avatar-fg: var(--avatar-threat-soft-fg); } [data-avatar][data-color='loss'][data-variant='soft'] { --_avatar-bg: var(--avatar-loss-soft-bg); --_avatar-fg: var(--avatar-loss-soft-fg); } [data-avatar][data-color='primary'][data-variant='outline'] { --_avatar-bg: transparent; --_avatar-fg: var(--avatar-primary-outline-fg); --_avatar-border: var(--avatar-primary-outline-border); } [data-avatar][data-color='secondary'][data-variant='outline'] { --_avatar-bg: transparent; --_avatar-fg: var(--avatar-secondary-outline-fg); --_avatar-border: var(--avatar-secondary-outline-border); } [data-avatar][data-color='neutral'][data-variant='outline'] { --_avatar-bg: transparent; --_avatar-fg: var(--avatar-neutral-outline-fg); --_avatar-border: var(--avatar-neutral-outline-border); } [data-avatar][data-color='affirm'][data-variant='outline'] { --_avatar-bg: transparent; --_avatar-fg: var(--avatar-affirm-outline-fg); --_avatar-border: var(--avatar-affirm-outline-border); } [data-avatar][data-color='fulfill'][data-variant='outline'] { --_avatar-bg: transparent; --_avatar-fg: var(--avatar-fulfill-outline-fg); --_avatar-border: var(--avatar-fulfill-outline-border); } [data-avatar][data-color='risk'][data-variant='outline'] { --_avatar-bg: transparent; --_avatar-fg: var(--avatar-risk-outline-fg); --_avatar-border: var(--avatar-risk-outline-border); } [data-avatar][data-color='threat'][data-variant='outline'] { --_avatar-bg: transparent; --_avatar-fg: var(--avatar-threat-outline-fg); --_avatar-border: var(--avatar-threat-outline-border); } [data-avatar][data-color='loss'][data-variant='outline'] { --_avatar-bg: transparent; --_avatar-fg: var(--avatar-loss-outline-fg); --_avatar-border: var(--avatar-loss-outline-border); } [data-avatar-badge] { --_avatar-badge-bg: var(--avatar-affirm-solid-bg); --_avatar-badge-fg: var(--avatar-affirm-solid-fg); --_avatar-badge-border: var(--color-surface-default); } [data-avatar-badge][data-color='primary'][data-variant='solid'] { --_avatar-badge-bg: var(--avatar-primary-solid-bg); --_avatar-badge-fg: var(--avatar-primary-solid-fg); } [data-avatar-badge][data-color='secondary'][data-variant='solid'] { --_avatar-badge-bg: var(--avatar-secondary-solid-bg); --_avatar-badge-fg: var(--avatar-secondary-solid-fg); } [data-avatar-badge][data-color='neutral'][data-variant='solid'] { --_avatar-badge-bg: var(--avatar-neutral-solid-bg); --_avatar-badge-fg: var(--avatar-neutral-solid-fg); } [data-avatar-badge][data-color='affirm'][data-variant='solid'] { --_avatar-badge-bg: var(--avatar-affirm-solid-bg); --_avatar-badge-fg: var(--avatar-affirm-solid-fg); } [data-avatar-badge][data-color='fulfill'][data-variant='solid'] { --_avatar-badge-bg: var(--avatar-fulfill-solid-bg); --_avatar-badge-fg: var(--avatar-fulfill-solid-fg); } [data-avatar-badge][data-color='risk'][data-variant='solid'] { --_avatar-badge-bg: var(--avatar-risk-solid-bg); --_avatar-badge-fg: var(--avatar-risk-solid-fg); } [data-avatar-badge][data-color='threat'][data-variant='solid'] { --_avatar-badge-bg: var(--avatar-threat-solid-bg); --_avatar-badge-fg: var(--avatar-threat-solid-fg); } [data-avatar-badge][data-color='loss'][data-variant='solid'] { --_avatar-badge-bg: var(--avatar-loss-solid-bg); --_avatar-badge-fg: var(--avatar-loss-solid-fg); } [data-avatar-badge][data-color='primary'][data-variant='soft'] { --_avatar-badge-bg: var(--avatar-primary-soft-bg); --_avatar-badge-fg: var(--avatar-primary-soft-fg); } [data-avatar-badge][data-color='secondary'][data-variant='soft'] { --_avatar-badge-bg: var(--avatar-secondary-soft-bg); --_avatar-badge-fg: var(--avatar-secondary-soft-fg); } [data-avatar-badge][data-color='neutral'][data-variant='soft'] { --_avatar-badge-bg: var(--avatar-neutral-soft-bg); --_avatar-badge-fg: var(--avatar-neutral-soft-fg); } [data-avatar-badge][data-color='affirm'][data-variant='soft'] { --_avatar-badge-bg: var(--avatar-affirm-soft-bg); --_avatar-badge-fg: var(--avatar-affirm-soft-fg); } [data-avatar-badge][data-color='fulfill'][data-variant='soft'] { --_avatar-badge-bg: var(--avatar-fulfill-soft-bg); --_avatar-badge-fg: var(--avatar-fulfill-soft-fg); } [data-avatar-badge][data-color='risk'][data-variant='soft'] { --_avatar-badge-bg: var(--avatar-risk-soft-bg); --_avatar-badge-fg: var(--avatar-risk-soft-fg); } [data-avatar-badge][data-color='threat'][data-variant='soft'] { --_avatar-badge-bg: var(--avatar-threat-soft-bg); --_avatar-badge-fg: var(--avatar-threat-soft-fg); } [data-avatar-badge][data-color='loss'][data-variant='soft'] { --_avatar-badge-bg: var(--avatar-loss-soft-bg); --_avatar-badge-fg: var(--avatar-loss-soft-fg); } [data-avatar-badge][data-color='primary'][data-variant='outline'] { --_avatar-badge-bg: var(--color-surface-default); --_avatar-badge-fg: var(--avatar-primary-outline-fg); --_avatar-badge-border: var(--avatar-primary-outline-border); } [data-avatar-badge][data-color='secondary'][data-variant='outline'] { --_avatar-badge-bg: var(--color-surface-default); --_avatar-badge-fg: var(--avatar-secondary-outline-fg); --_avatar-badge-border: var(--avatar-secondary-outline-border); } [data-avatar-badge][data-color='neutral'][data-variant='outline'] { --_avatar-badge-bg: var(--color-surface-default); --_avatar-badge-fg: var(--avatar-neutral-outline-fg); --_avatar-badge-border: var(--avatar-neutral-outline-border); } [data-avatar-badge][data-color='affirm'][data-variant='outline'] { --_avatar-badge-bg: var(--color-surface-default); --_avatar-badge-fg: var(--avatar-affirm-outline-fg); --_avatar-badge-border: var(--avatar-affirm-outline-border); } [data-avatar-badge][data-color='fulfill'][data-variant='outline'] { --_avatar-badge-bg: var(--color-surface-default); --_avatar-badge-fg: var(--avatar-fulfill-outline-fg); --_avatar-badge-border: var(--avatar-fulfill-outline-border); } [data-avatar-badge][data-color='risk'][data-variant='outline'] { --_avatar-badge-bg: var(--color-surface-default); --_avatar-badge-fg: var(--avatar-risk-outline-fg); --_avatar-badge-border: var(--avatar-risk-outline-border); } [data-avatar-badge][data-color='threat'][data-variant='outline'] { --_avatar-badge-bg: var(--color-surface-default); --_avatar-badge-fg: var(--avatar-threat-outline-fg); --_avatar-badge-border: var(--avatar-threat-outline-border); } [data-avatar-badge][data-color='loss'][data-variant='outline'] { --_avatar-badge-bg: var(--color-surface-default); --_avatar-badge-fg: var(--avatar-loss-outline-fg); --_avatar-badge-border: var(--avatar-loss-outline-border); } [data-badge] { --_badge-track: var(--badge-primary-track); --_badge-border: var(--badge-primary-border); --_badge-solid: var(--badge-primary-solid); --_badge-text: var(--badge-primary-text); --_badge-contrast: var(--badge-primary-contrast); } [data-badge][data-color='secondary'] { --_badge-track: var(--badge-secondary-track); --_badge-border: var(--badge-secondary-border); --_badge-solid: var(--badge-secondary-solid); --_badge-text: var(--badge-secondary-text); --_badge-contrast: var(--badge-secondary-contrast); } [data-badge][data-color='neutral'] { --_badge-track: var(--badge-neutral-track); --_badge-border: var(--badge-neutral-border); --_badge-solid: var(--badge-neutral-solid); --_badge-text: var(--badge-neutral-text); --_badge-contrast: var(--badge-neutral-contrast); } [data-badge][data-color='affirm'] { --_badge-track: var(--badge-affirm-track); --_badge-border: var(--badge-affirm-border); --_badge-solid: var(--badge-affirm-solid); --_badge-text: var(--badge-affirm-text); --_badge-contrast: var(--badge-affirm-contrast); } [data-badge][data-color='fulfill'] { --_badge-track: var(--badge-fulfill-track); --_badge-border: var(--badge-fulfill-border); --_badge-solid: var(--badge-fulfill-solid); --_badge-text: var(--badge-fulfill-text); --_badge-contrast: var(--badge-fulfill-contrast); } [data-badge][data-color='risk'] { --_badge-track: var(--badge-risk-track); --_badge-border: var(--badge-risk-border); --_badge-solid: var(--badge-risk-solid); --_badge-text: var(--badge-risk-text); --_badge-contrast: var(--badge-risk-contrast); } [data-badge][data-color='threat'] { --_badge-track: var(--badge-threat-track); --_badge-border: var(--badge-threat-border); --_badge-solid: var(--badge-threat-solid); --_badge-text: var(--badge-threat-text); --_badge-contrast: var(--badge-threat-contrast); } [data-badge][data-color='loss'] { --_badge-track: var(--badge-loss-track); --_badge-border: var(--badge-loss-border); --_badge-solid: var(--badge-loss-solid); --_badge-text: var(--badge-loss-text); --_badge-contrast: var(--badge-loss-contrast); } [data-card] { --_card-track: var(--card-neutral-track); --_card-border: var(--card-neutral-border); --_card-solid: var(--card-neutral-solid); --_card-text: var(--card-neutral-text); --_card-contrast: var(--card-neutral-contrast); } [data-card][data-color='primary'] { --_card-track: var(--card-primary-track); --_card-border: var(--card-primary-border); --_card-solid: var(--card-primary-solid); --_card-text: var(--card-primary-text); --_card-contrast: var(--card-primary-contrast); } [data-card][data-color='secondary'] { --_card-track: var(--card-secondary-track); --_card-border: var(--card-secondary-border); --_card-solid: var(--card-secondary-solid); --_card-text: var(--card-secondary-text); --_card-contrast: var(--card-secondary-contrast); } [data-card][data-color='affirm'] { --_card-track: var(--card-affirm-track); --_card-border: var(--card-affirm-border); --_card-solid: var(--card-affirm-solid); --_card-text: var(--card-affirm-text); --_card-contrast: var(--card-affirm-contrast); } [data-card][data-color='fulfill'] { --_card-track: var(--card-fulfill-track); --_card-border: var(--card-fulfill-border); --_card-solid: var(--card-fulfill-solid); --_card-text: var(--card-fulfill-text); --_card-contrast: var(--card-fulfill-contrast); } [data-card][data-color='risk'] { --_card-track: var(--card-risk-track); --_card-border: var(--card-risk-border); --_card-solid: var(--card-risk-solid); --_card-text: var(--card-risk-text); --_card-contrast: var(--card-risk-contrast); } [data-card][data-color='threat'] { --_card-track: var(--card-threat-track); --_card-border: var(--card-threat-border); --_card-solid: var(--card-threat-solid); --_card-text: var(--card-threat-text); --_card-contrast: var(--card-threat-contrast); } [data-card][data-color='loss'] { --_card-track: var(--card-loss-track); --_card-border: var(--card-loss-border); --_card-solid: var(--card-loss-solid); --_card-text: var(--card-loss-text); --_card-contrast: var(--card-loss-contrast); } [data-checkbox] { --_checkbox-palette-solid: var(--checkbox-primary-solid); --_checkbox-palette-solid-hover: var(--checkbox-primary-solid-hover); --_checkbox-palette-text: var(--checkbox-indicator-color); } [data-checkbox][data-color='secondary'] { --_checkbox-palette-solid: var(--checkbox-secondary-solid); --_checkbox-palette-solid-hover: var(--checkbox-secondary-solid-hover); } [data-checkbox][data-color='neutral'] { --_checkbox-palette-solid: var(--checkbox-neutral-solid); --_checkbox-palette-solid-hover: var(--checkbox-neutral-solid-hover); } [data-checkbox][data-color='affirm'] { --_checkbox-palette-solid: var(--checkbox-affirm-solid); --_checkbox-palette-solid-hover: var(--checkbox-affirm-solid-hover); } [data-button] { --button-palette-track: var(--button-primary-track); --button-palette-element: var(--button-primary-element); --button-palette-border: var(--button-primary-border); --button-palette-solid: var(--button-primary-solid); --button-palette-solid-hover: var(--button-primary-solid-hover); --button-palette-text: var(--button-primary-text); --button-palette-contrast: var(--button-primary-contrast); } [data-button][data-color='secondary'] { --button-palette-track: var(--button-secondary-track); --button-palette-element: var(--button-secondary-element); --button-palette-border: var(--button-secondary-border); --button-palette-solid: var(--button-secondary-solid); --button-palette-solid-hover: var(--button-secondary-solid-hover); --button-palette-text: var(--button-secondary-text); --button-palette-contrast: var(--button-secondary-contrast); } [data-button][data-color='neutral'] { --button-palette-track: var(--button-neutral-track); --button-palette-element: var(--button-neutral-element); --button-palette-border: var(--button-neutral-border); --button-palette-solid: var(--button-neutral-solid); --button-palette-solid-hover: var(--button-neutral-solid-hover); --button-palette-text: var(--button-neutral-text); --button-palette-contrast: var(--button-neutral-contrast); } [data-button][data-color='affirm'] { --button-palette-track: var(--button-affirm-track); --button-palette-element: var(--button-affirm-element); --button-palette-border: var(--button-affirm-border); --button-palette-solid: var(--button-affirm-solid); --button-palette-solid-hover: var(--button-affirm-solid-hover); --button-palette-text: var(--button-affirm-text); --button-palette-contrast: var(--button-affirm-contrast); } [data-button][data-color='fulfill'] { --button-palette-track: var(--button-fulfill-track); --button-palette-element: var(--button-fulfill-element); --button-palette-border: var(--button-fulfill-border); --button-palette-solid: var(--button-fulfill-solid); --button-palette-solid-hover: var(--button-fulfill-solid-hover); --button-palette-text: var(--button-fulfill-text); --button-palette-contrast: var(--button-fulfill-contrast); } [data-button][data-color='risk'] { --button-palette-track: var(--button-risk-track); --button-palette-element: var(--button-risk-element); --button-palette-border: var(--button-risk-border); --button-palette-solid: var(--button-risk-solid); --button-palette-solid-hover: var(--button-risk-solid-hover); --button-palette-text: var(--button-risk-text); --button-palette-contrast: var(--button-risk-contrast); } [data-button][data-color='threat'] { --button-palette-track: var(--button-threat-track); --button-palette-element: var(--button-threat-element); --button-palette-border: var(--button-threat-border); --button-palette-solid: var(--button-threat-solid); --button-palette-solid-hover: var(--button-threat-solid-hover); --button-palette-text: var(--button-threat-text); --button-palette-contrast: var(--button-threat-contrast); } [data-button][data-color='loss'] { --button-palette-track: var(--button-loss-track); --button-palette-element: var(--button-loss-element); --button-palette-border: var(--button-loss-border); --button-palette-solid: var(--button-loss-solid); --button-palette-solid-hover: var(--button-loss-solid-hover); --button-palette-text: var(--button-loss-text); --button-palette-contrast: var(--button-loss-contrast); } [data-radio-group] { --_radio-group-palette-solid: var(--radio-group-primary-solid); --_radio-group-palette-solid-hover: var(--radio-group-primary-solid-hover); --_radio-group-palette-text: var(--radio-group-dot-color); } [data-radio-group][data-color='secondary'] { --_radio-group-palette-solid: var(--radio-group-secondary-solid); --_radio-group-palette-solid-hover: var(--radio-group-secondary-solid-hover); } [data-radio-group][data-color='neutral'] { --_radio-group-palette-solid: var(--radio-group-neutral-solid); --_radio-group-palette-solid-hover: var(--radio-group-neutral-solid-hover); } [data-radio-group][data-color='affirm'] { --_radio-group-palette-solid: var(--radio-group-affirm-solid); --_radio-group-palette-solid-hover: var(--radio-group-affirm-solid-hover); } [data-select-trigger], [data-select-content] { --_select-accent-track: var(--select-primary-track); --_select-accent-border: var(--select-primary-border); --_select-accent-text: var(--select-primary-text); } [data-select-trigger][data-color='secondary'], [data-select-content][data-color='secondary'] { --_select-accent-track: var(--select-secondary-track); --_select-accent-border: var(--select-secondary-border); --_select-accent-text: var(--select-secondary-text); } [data-select-trigger][data-color='neutral'], [data-select-content][data-color='neutral'] { --_select-accent-track: var(--select-neutral-track); --_select-accent-border: var(--select-neutral-border); --_select-accent-text: var(--select-neutral-text); } [data-select-trigger][data-color='affirm'], [data-select-content][data-color='affirm'] { --_select-accent-track: var(--select-affirm-track); --_select-accent-border: var(--select-affirm-border); --_select-accent-text: var(--select-affirm-text); } [data-select-trigger][data-color='fulfill'], [data-select-content][data-color='fulfill'] { --_select-accent-track: var(--select-fulfill-track); --_select-accent-border: var(--select-fulfill-border); --_select-accent-text: var(--select-fulfill-text); } [data-select-trigger][data-color='risk'], [data-select-content][data-color='risk'] { --_select-accent-track: var(--select-risk-track); --_select-accent-border: var(--select-risk-border); --_select-accent-text: var(--select-risk-text); } [data-select-trigger][data-color='threat'], [data-select-content][data-color='threat'] { --_select-accent-track: var(--select-threat-track); --_select-accent-border: var(--select-threat-border); --_select-accent-text: var(--select-threat-text); } [data-select-trigger][data-color='loss'], [data-select-content][data-color='loss'] { --_select-accent-track: var(--select-loss-track); --_select-accent-border: var(--select-loss-border); --_select-accent-text: var(--select-loss-text); } [data-file-upload] { --_file-upload-accent-solid: var(--file-upload-primary-solid); --_file-upload-accent-solid-hover: var(--file-upload-primary-solid-hover); --_file-upload-accent-track: var(--file-upload-primary-track); --_file-upload-accent-border: var(--file-upload-primary-border); --_file-upload-accent-text: var(--file-upload-primary-text); } [data-file-upload][data-color='secondary'] { --_file-upload-accent-solid: var(--file-upload-secondary-solid); --_file-upload-accent-solid-hover: var(--file-upload-secondary-solid-hover); --_file-upload-accent-track: var(--file-upload-secondary-track); --_file-upload-accent-border: var(--file-upload-secondary-border); --_file-upload-accent-text: var(--file-upload-secondary-text); } [data-file-upload][data-color='neutral'] { --_file-upload-accent-solid: var(--file-upload-neutral-solid); --_file-upload-accent-solid-hover: var(--file-upload-neutral-solid-hover); --_file-upload-accent-track: var(--file-upload-neutral-track); --_file-upload-accent-border: var(--file-upload-neutral-border); --_file-upload-accent-text: var(--file-upload-neutral-text); } [data-file-upload][data-color='affirm'] { --_file-upload-accent-solid: var(--file-upload-affirm-solid); --_file-upload-accent-solid-hover: var(--file-upload-affirm-solid-hover); --_file-upload-accent-track: var(--file-upload-affirm-track); --_file-upload-accent-border: var(--file-upload-affirm-border); --_file-upload-accent-text: var(--file-upload-affirm-text); } [data-file-upload][data-color='fulfill'] { --_file-upload-accent-solid: var(--file-upload-fulfill-solid); --_file-upload-accent-solid-hover: var(--file-upload-fulfill-solid-hover); --_file-upload-accent-track: var(--file-upload-fulfill-track); --_file-upload-accent-border: var(--file-upload-fulfill-border); --_file-upload-accent-text: var(--file-upload-fulfill-text); } [data-file-upload][data-color='risk'] { --_file-upload-accent-solid: var(--file-upload-risk-solid); --_file-upload-accent-solid-hover: var(--file-upload-risk-solid-hover); --_file-upload-accent-track: var(--file-upload-risk-track); --_file-upload-accent-border: var(--file-upload-risk-border); --_file-upload-accent-text: var(--file-upload-risk-text); } [data-file-upload][data-color='threat'] { --_file-upload-accent-solid: var(--file-upload-threat-solid); --_file-upload-accent-solid-hover: var(--file-upload-threat-solid-hover); --_file-upload-accent-track: var(--file-upload-threat-track); --_file-upload-accent-border: var(--file-upload-threat-border); --_file-upload-accent-text: var(--file-upload-threat-text); } [data-file-upload][data-color='loss'] { --_file-upload-accent-solid: var(--file-upload-loss-solid); --_file-upload-accent-solid-hover: var(--file-upload-loss-solid-hover); --_file-upload-accent-track: var(--file-upload-loss-track); --_file-upload-accent-border: var(--file-upload-loss-border); --_file-upload-accent-text: var(--file-upload-loss-text); } [data-tag-group] { --_tag-group-selected-solid-bg: var(--tag-group-primary-solid-bg); --_tag-group-selected-solid-bg-hover: var(--tag-group-primary-solid-bg-hover); --_tag-group-selected-soft-bg: var(--tag-group-primary-soft-bg); --_tag-group-selected-soft-bg-hover: var(--tag-group-primary-soft-bg-hover); --_tag-group-selected-soft-fg: var(--tag-group-primary-soft-fg); --_tag-group-selected-outline-border: var(--tag-group-primary-outline-border); --_tag-group-selected-outline-fg: var(--tag-group-primary-outline-fg); } [data-tag-group][data-color='secondary'] { --_tag-group-selected-solid-bg: var(--tag-group-secondary-solid-bg); --_tag-group-selected-solid-bg-hover: var(--tag-group-secondary-solid-bg-hover); --_tag-group-selected-soft-bg: var(--tag-group-secondary-soft-bg); --_tag-group-selected-soft-bg-hover: var(--tag-group-secondary-soft-bg-hover); --_tag-group-selected-soft-fg: var(--tag-group-secondary-soft-fg); --_tag-group-selected-outline-border: var(--tag-group-secondary-outline-border); --_tag-group-selected-outline-fg: var(--tag-group-secondary-outline-fg); } [data-tag-group][data-color='neutral'] { --_tag-group-selected-solid-bg: var(--tag-group-neutral-solid-bg); --_tag-group-selected-solid-bg-hover: var(--tag-group-neutral-solid-bg-hover); --_tag-group-selected-soft-bg: var(--tag-group-neutral-soft-bg); --_tag-group-selected-soft-bg-hover: var(--tag-group-neutral-soft-bg-hover); --_tag-group-selected-soft-fg: var(--tag-group-neutral-soft-fg); --_tag-group-selected-outline-border: var(--tag-group-neutral-outline-border); --_tag-group-selected-outline-fg: var(--tag-group-neutral-outline-fg); } [data-tag-group][data-color='affirm'] { --_tag-group-selected-solid-bg: var(--tag-group-affirm-solid-bg); --_tag-group-selected-solid-bg-hover: var(--tag-group-affirm-solid-bg-hover); --_tag-group-selected-soft-bg: var(--tag-group-affirm-soft-bg); --_tag-group-selected-soft-bg-hover: var(--tag-group-affirm-soft-bg-hover); --_tag-group-selected-soft-fg: var(--tag-group-affirm-soft-fg); --_tag-group-selected-outline-border: var(--tag-group-affirm-outline-border); --_tag-group-selected-outline-fg: var(--tag-group-affirm-outline-fg); } [data-tag-group][data-color='fulfill'] { --_tag-group-selected-solid-bg: var(--tag-group-fulfill-solid-bg); --_tag-group-selected-solid-bg-hover: var(--tag-group-fulfill-solid-bg-hover); --_tag-group-selected-soft-bg: var(--tag-group-fulfill-soft-bg); --_tag-group-selected-soft-bg-hover: var(--tag-group-fulfill-soft-bg-hover); --_tag-group-selected-soft-fg: var(--tag-group-fulfill-soft-fg); --_tag-group-selected-outline-border: var(--tag-group-fulfill-outline-border); --_tag-group-selected-outline-fg: var(--tag-group-fulfill-outline-fg); } [data-tag-group][data-color='risk'] { --_tag-group-selected-solid-bg: var(--tag-group-risk-solid-bg); --_tag-group-selected-solid-bg-hover: var(--tag-group-risk-solid-bg-hover); --_tag-group-selected-soft-bg: var(--tag-group-risk-soft-bg); --_tag-group-selected-soft-bg-hover: var(--tag-group-risk-soft-bg-hover); --_tag-group-selected-soft-fg: var(--tag-group-risk-soft-fg); --_tag-group-selected-outline-border: var(--tag-group-risk-outline-border); --_tag-group-selected-outline-fg: var(--tag-group-risk-outline-fg); } [data-tag-group][data-color='threat'] { --_tag-group-selected-solid-bg: var(--tag-group-threat-solid-bg); --_tag-group-selected-solid-bg-hover: var(--tag-group-threat-solid-bg-hover); --_tag-group-selected-soft-bg: var(--tag-group-threat-soft-bg); --_tag-group-selected-soft-bg-hover: var(--tag-group-threat-soft-bg-hover); --_tag-group-selected-soft-fg: var(--tag-group-threat-soft-fg); --_tag-group-selected-outline-border: var(--tag-group-threat-outline-border); --_tag-group-selected-outline-fg: var(--tag-group-threat-outline-fg); } [data-tag-group][data-color='loss'] { --_tag-group-selected-solid-bg: var(--tag-group-loss-solid-bg); --_tag-group-selected-solid-bg-hover: var(--tag-group-loss-solid-bg-hover); --_tag-group-selected-soft-bg: var(--tag-group-loss-soft-bg); --_tag-group-selected-soft-bg-hover: var(--tag-group-loss-soft-bg-hover); --_tag-group-selected-soft-fg: var(--tag-group-loss-soft-fg); --_tag-group-selected-outline-border: var(--tag-group-loss-outline-border); --_tag-group-selected-outline-fg: var(--tag-group-loss-outline-fg); } [data-editable] { --_editable-accent-solid: var(--editable-primary-solid); --_editable-accent-border: var(--editable-primary-border); --_editable-accent-solid-hover: var(--color-primary-solid-hover); } [data-editable][data-color='secondary'] { --_editable-accent-solid: var(--editable-secondary-solid); --_editable-accent-border: var(--editable-secondary-border); --_editable-accent-solid-hover: var(--color-secondary-solid-hover); } [data-editable][data-color='neutral'] { --_editable-accent-solid: var(--editable-neutral-solid); --_editable-accent-border: var(--editable-neutral-border); --_editable-accent-solid-hover: var(--color-neutral-solid-hover); } [data-editable][data-color='affirm'] { --_editable-accent-solid: var(--editable-affirm-solid); --_editable-accent-border: var(--editable-affirm-border); --_editable-accent-solid-hover: var(--color-affirm-solid-hover); } [data-editable][data-color='risk'] { --_editable-accent-solid: var(--editable-risk-solid); --_editable-accent-border: var(--editable-risk-border); --_editable-accent-solid-hover: var(--color-risk-solid-hover); } [data-editable][data-color='threat'] { --_editable-accent-solid: var(--editable-threat-solid); --_editable-accent-border: var(--editable-threat-border); --_editable-accent-solid-hover: var(--color-threat-solid-hover); } [data-words] { --_words-accent-solid: var(--words-primary-solid); --_words-accent-solid-hover: var(--words-primary-solid-hover); --_words-accent-track: var(--words-primary-track); --_words-accent-border: var(--words-primary-border); --_words-accent-text: var(--words-primary-text); } [data-words][data-color='secondary'] { --_words-accent-solid: var(--words-secondary-solid); --_words-accent-solid-hover: var(--words-secondary-solid-hover); --_words-accent-track: var(--words-secondary-track); --_words-accent-border: var(--words-secondary-border); --_words-accent-text: var(--words-secondary-text); } [data-words][data-color='neutral'] { --_words-accent-solid: var(--words-neutral-solid); --_words-accent-solid-hover: var(--words-neutral-solid-hover); --_words-accent-track: var(--words-neutral-track); --_words-accent-border: var(--words-neutral-border); --_words-accent-text: var(--words-neutral-text); } [data-words][data-color='affirm'] { --_words-accent-solid: var(--words-affirm-solid); --_words-accent-solid-hover: var(--words-affirm-solid-hover); --_words-accent-track: var(--words-affirm-track); --_words-accent-border: var(--words-affirm-border); --_words-accent-text: var(--words-affirm-text); } [data-words][data-color='fulfill'] { --_words-accent-solid: var(--words-fulfill-solid); --_words-accent-solid-hover: var(--words-fulfill-solid-hover); --_words-accent-track: var(--words-fulfill-track); --_words-accent-border: var(--words-fulfill-border); --_words-accent-text: var(--words-fulfill-text); } [data-words][data-color='risk'] { --_words-accent-solid: var(--words-risk-solid); --_words-accent-solid-hover: var(--words-risk-solid-hover); --_words-accent-track: var(--words-risk-track); --_words-accent-border: var(--words-risk-border); --_words-accent-text: var(--words-risk-text); } [data-words][data-color='threat'] { --_words-accent-solid: var(--words-threat-solid); --_words-accent-solid-hover: var(--words-threat-solid-hover); --_words-accent-track: var(--words-threat-track); --_words-accent-border: var(--words-threat-border); --_words-accent-text: var(--words-threat-text); } [data-words][data-color='loss'] { --_words-accent-solid: var(--words-loss-solid); --_words-accent-solid-hover: var(--words-loss-solid-hover); --_words-accent-track: var(--words-loss-track); --_words-accent-border: var(--words-loss-border); --_words-accent-text: var(--words-loss-text); } [data-tags-input] { --_tags-input-accent-track: var(--tags-input-primary-track); --_tags-input-accent-border: var(--tags-input-primary-border); --_tags-input-accent-text: var(--tags-input-primary-text); } [data-tags-input][data-color='secondary'] { --_tags-input-accent-track: var(--tags-input-secondary-track); --_tags-input-accent-border: var(--tags-input-secondary-border); --_tags-input-accent-text: var(--tags-input-secondary-text); } [data-tags-input][data-color='neutral'] { --_tags-input-accent-track: var(--tags-input-neutral-track); --_tags-input-accent-border: var(--tags-input-neutral-border); --_tags-input-accent-text: var(--tags-input-neutral-text); } [data-tags-input][data-color='affirm'] { --_tags-input-accent-track: var(--tags-input-affirm-track); --_tags-input-accent-border: var(--tags-input-affirm-border); --_tags-input-accent-text: var(--tags-input-affirm-text); } [data-tags-input][data-color='fulfill'] { --_tags-input-accent-track: var(--tags-input-fulfill-track); --_tags-input-accent-border: var(--tags-input-fulfill-border); --_tags-input-accent-text: var(--tags-input-fulfill-text); } [data-tags-input][data-color='risk'] { --_tags-input-accent-track: var(--tags-input-risk-track); --_tags-input-accent-border: var(--tags-input-risk-border); --_tags-input-accent-text: var(--tags-input-risk-text); } [data-tags-input][data-color='threat'] { --_tags-input-accent-track: var(--tags-input-threat-track); --_tags-input-accent-border: var(--tags-input-threat-border); --_tags-input-accent-text: var(--tags-input-threat-text); } [data-tags-input][data-color='loss'] { --_tags-input-accent-track: var(--tags-input-loss-track); --_tags-input-accent-border: var(--tags-input-loss-border); --_tags-input-accent-text: var(--tags-input-loss-text); } [data-stepper] { --_stepper-accent-solid: var(--stepper-primary-solid); --_stepper-accent-track: var(--stepper-primary-track); --_stepper-accent-border: var(--stepper-primary-border); --_stepper-accent-text: var(--stepper-primary-text); } [data-stepper][data-color='secondary'] { --_stepper-accent-solid: var(--stepper-secondary-solid); --_stepper-accent-track: var(--stepper-secondary-track); --_stepper-accent-border: var(--stepper-secondary-border); --_stepper-accent-text: var(--stepper-secondary-text); } [data-stepper][data-color='neutral'] { --_stepper-accent-solid: var(--stepper-neutral-solid); --_stepper-accent-track: var(--stepper-neutral-track); --_stepper-accent-border: var(--stepper-neutral-border); --_stepper-accent-text: var(--stepper-neutral-text); } [data-stepper][data-color='affirm'] { --_stepper-accent-solid: var(--stepper-affirm-solid); --_stepper-accent-track: var(--stepper-affirm-track); --_stepper-accent-border: var(--stepper-affirm-border); --_stepper-accent-text: var(--stepper-affirm-text); } [data-stepper][data-color='fulfill'] { --_stepper-accent-solid: var(--stepper-fulfill-solid); --_stepper-accent-track: var(--stepper-fulfill-track); --_stepper-accent-border: var(--stepper-fulfill-border); --_stepper-accent-text: var(--stepper-fulfill-text); } [data-switch] { --_switch-palette-solid: var(--switch-neutral-solid); --_switch-palette-solid-hover: var(--switch-neutral-solid-hover); } [data-switch][data-color='primary'] { --_switch-palette-solid: var(--switch-primary-solid); --_switch-palette-solid-hover: var(--switch-primary-solid-hover); } [data-switch][data-color='secondary'] { --_switch-palette-solid: var(--switch-secondary-solid); --_switch-palette-solid-hover: var(--switch-secondary-solid-hover); } [data-switch][data-color='affirm'] { --_switch-palette-solid: var(--switch-affirm-solid); --_switch-palette-solid-hover: var(--switch-affirm-solid-hover); } [data-switch][data-color='risk'] { --_switch-palette-solid: var(--switch-risk-solid); --_switch-palette-solid-hover: var(--switch-risk-solid-hover); } [data-switch][data-color='threat'] { --_switch-palette-solid: var(--switch-threat-solid); --_switch-palette-solid-hover: var(--switch-threat-solid-hover); } [data-toggle] { --toggle-palette-track: var(--toggle-neutral-track); --toggle-palette-element: var(--toggle-neutral-element); --toggle-palette-hover: var(--toggle-neutral-hover); --toggle-palette-border: var(--toggle-neutral-border); --toggle-palette-solid: var(--toggle-neutral-solid); --toggle-palette-solid-hover: var(--toggle-neutral-solid-hover); --toggle-palette-text: var(--toggle-neutral-text); --toggle-palette-contrast: var(--toggle-neutral-contrast); --toggle-solid-hover-bg: color-mix( in srgb, var(--color-surface-overlay) 68%, var(--toggle-palette-track) ); --toggle-solid-hover-border: color-mix( in srgb, var(--toggle-palette-border) 45%, var(--color-border-strong) ); --toggle-solid-on-bg: var(--toggle-palette-solid); --toggle-solid-on-fg: var(--toggle-palette-contrast); --toggle-solid-on-border: var(--toggle-palette-solid); --toggle-solid-on-hover-bg: var(--toggle-palette-solid-hover); --toggle-solid-on-hover-border: var(--toggle-palette-solid-hover); --toggle-outline-fg: var(--toggle-palette-text); --toggle-outline-border: color-mix( in srgb, var(--toggle-palette-border) 88%, var(--color-border-default) ); --toggle-outline-hover-bg: var(--toggle-palette-track); --toggle-outline-hover-border: color-mix( in srgb, var(--toggle-palette-border) 100%, var(--color-border-default) ); --toggle-outline-on-bg: color-mix( in srgb, var(--toggle-palette-element) 100%, var(--color-surface-raised) ); --toggle-outline-on-fg: var(--toggle-palette-text); --toggle-outline-on-border: var(--toggle-palette-border); --toggle-outline-on-hover-bg: var(--toggle-palette-hover); --toggle-outline-on-hover-border: var(--toggle-palette-border); --toggle-ghost-fg: var(--toggle-palette-text); --toggle-ghost-hover-bg: color-mix(in srgb, var(--toggle-palette-track) 72%, transparent); --toggle-ghost-on-bg: var(--toggle-palette-track); --toggle-ghost-on-fg: var(--toggle-palette-text); --toggle-ghost-on-border: color-mix( in srgb, var(--toggle-palette-border) 72%, transparent ); --toggle-ghost-on-hover-bg: var(--toggle-palette-element); --toggle-ghost-on-hover-border: color-mix( in srgb, var(--toggle-palette-border) 88%, transparent ); } [data-toggle][data-color='primary'] { --toggle-palette-track: var(--toggle-primary-track); --toggle-palette-element: var(--toggle-primary-element); --toggle-palette-hover: var(--toggle-primary-hover); --toggle-palette-border: var(--toggle-primary-border); --toggle-palette-solid: var(--toggle-primary-solid); --toggle-palette-solid-hover: var(--toggle-primary-solid-hover); --toggle-palette-text: var(--toggle-primary-text); --toggle-palette-contrast: var(--toggle-primary-contrast); } [data-toggle][data-color='secondary'] { --toggle-palette-track: var(--toggle-secondary-track); --toggle-palette-element: var(--toggle-secondary-element); --toggle-palette-hover: var(--toggle-secondary-hover); --toggle-palette-border: var(--toggle-secondary-border); --toggle-palette-solid: var(--toggle-secondary-solid); --toggle-palette-solid-hover: var(--toggle-secondary-solid-hover); --toggle-palette-text: var(--toggle-secondary-text); --toggle-palette-contrast: var(--toggle-secondary-contrast); } [data-toggle][data-color='affirm'] { --toggle-palette-track: var(--toggle-affirm-track); --toggle-palette-element: var(--toggle-affirm-element); --toggle-palette-hover: var(--toggle-affirm-hover); --toggle-palette-border: var(--toggle-affirm-border); --toggle-palette-solid: var(--toggle-affirm-solid); --toggle-palette-solid-hover: var(--toggle-affirm-solid-hover); --toggle-palette-text: var(--toggle-affirm-text); --toggle-palette-contrast: var(--toggle-affirm-contrast); } [data-toggle][data-color='risk'] { --toggle-palette-track: var(--toggle-risk-track); --toggle-palette-element: var(--toggle-risk-element); --toggle-palette-hover: var(--toggle-risk-hover); --toggle-palette-border: var(--toggle-risk-border); --toggle-palette-solid: var(--toggle-risk-solid); --toggle-palette-solid-hover: var(--toggle-risk-solid-hover); --toggle-palette-text: var(--toggle-risk-text); --toggle-palette-contrast: var(--toggle-risk-contrast); } [data-toggle][data-color='threat'] { --toggle-palette-track: var(--toggle-threat-track); --toggle-palette-element: var(--toggle-threat-element); --toggle-palette-hover: var(--toggle-threat-hover); --toggle-palette-border: var(--toggle-threat-border); --toggle-palette-solid: var(--toggle-threat-solid); --toggle-palette-solid-hover: var(--toggle-threat-solid-hover); --toggle-palette-text: var(--toggle-threat-text); --toggle-palette-contrast: var(--toggle-threat-contrast); } [data-toggle-group][data-color='primary'] [data-toggle-group-item] { --toggle-palette-track: var(--toggle-primary-track); --toggle-palette-element: var(--toggle-primary-element); --toggle-palette-hover: var(--toggle-primary-hover); --toggle-palette-border: var(--toggle-primary-border); --toggle-palette-solid: var(--toggle-primary-solid); --toggle-palette-solid-hover: var(--toggle-primary-solid-hover); --toggle-palette-text: var(--toggle-primary-text); --toggle-palette-contrast: var(--toggle-primary-contrast); } [data-toggle-group][data-color='affirm'] [data-toggle-group-item] { --toggle-palette-track: var(--toggle-affirm-track); --toggle-palette-element: var(--toggle-affirm-element); --toggle-palette-hover: var(--toggle-affirm-hover); --toggle-palette-border: var(--toggle-affirm-border); --toggle-palette-solid: var(--toggle-affirm-solid); --toggle-palette-solid-hover: var(--toggle-affirm-solid-hover); --toggle-palette-text: var(--toggle-affirm-text); --toggle-palette-contrast: var(--toggle-affirm-contrast); } [data-toggle-group][data-color='risk'] [data-toggle-group-item] { --toggle-palette-track: var(--toggle-risk-track); --toggle-palette-element: var(--toggle-risk-element); --toggle-palette-hover: var(--toggle-risk-hover); --toggle-palette-border: var(--toggle-risk-border); --toggle-palette-solid: var(--toggle-risk-solid); --toggle-palette-solid-hover: var(--toggle-risk-solid-hover); --toggle-palette-text: var(--toggle-risk-text); --toggle-palette-contrast: var(--toggle-risk-contrast); } [data-toggle-group][data-color='threat'] [data-toggle-group-item] { --toggle-palette-track: var(--toggle-threat-track); --toggle-palette-element: var(--toggle-threat-element); --toggle-palette-hover: var(--toggle-threat-hover); --toggle-palette-border: var(--toggle-threat-border); --toggle-palette-solid: var(--toggle-threat-solid); --toggle-palette-solid-hover: var(--toggle-threat-solid-hover); --toggle-palette-text: var(--toggle-threat-text); --toggle-palette-contrast: var(--toggle-threat-contrast); } [data-depth='flush'] { box-shadow: var(--depth-flush-shadow); z-index: var(--depth-flush-z); } [data-depth='raised'] { box-shadow: var(--depth-raised-shadow), var(--depth-raised-halo); z-index: var(--depth-raised-z); } [data-depth='overlay'] { box-shadow: var(--depth-overlay-shadow), var(--depth-overlay-halo); z-index: var(--depth-overlay-z); } [data-depth='modal'] { box-shadow: var(--depth-modal-shadow), var(--depth-modal-halo); z-index: var(--depth-modal-z); } [data-depth='recessed'] { box-shadow: var(--depth-recessed-shadow); z-index: var(--depth-recessed-z); } [data-density='compact'] { --density-space-scale: var(--density-compact-space-scale); --density-control-scale: var(--density-compact-control-scale); } [data-density='spacious'] { --density-space-scale: var(--density-spacious-space-scale); --density-control-scale: var(--density-spacious-control-scale); } [data-scaling='90'] { --scaling: var(--scaling-90); } [data-scaling='95'] { --scaling: var(--scaling-95); } [data-scaling='105'] { --scaling: var(--scaling-105); } [data-scaling='110'] { --scaling: var(--scaling-110); } [data-motion-set='expressive'] { --ease-default: cubic-bezier(0.4, 0.14, 0.3, 1); --ease-out: cubic-bezier(0, 0, 0.3, 1); --ease-in: cubic-bezier(0.4, 0.14, 1, 1); } @property --motion-duration-enter { syntax: '*'; inherits: false; } @property --motion-ease-enter { syntax: '*'; inherits: false; } @property --motion-duration-exit { syntax: '*'; inherits: false; } @property --motion-ease-exit { syntax: '*'; inherits: false; } @property --motion-stagger-index { syntax: ''; inherits: false; initial-value: 0; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes scale-in { from { scale: var(--motion-scale-enter); } to { scale: 1; } } @keyframes scale-out { from { scale: 1; } to { scale: var(--motion-scale-enter); } } @keyframes slide-from-top { from { translate: 0 calc(var(--motion-distance-md) * -1); } to { translate: 0 0; } } @keyframes slide-from-bottom { from { translate: 0 var(--motion-distance-md); } to { translate: 0 0; } } @keyframes slide-from-left { from { translate: calc(var(--motion-distance-md) * -1) 0; } to { translate: 0 0; } } @keyframes slide-from-right { from { translate: var(--motion-distance-md) 0; } to { translate: 0 0; } } @keyframes slide-to-top { from { translate: 0 0; } to { translate: 0 calc(var(--motion-distance-md) * -1); } } @keyframes slide-to-bottom { from { translate: 0 0; } to { translate: 0 var(--motion-distance-md); } } @keyframes slide-to-left { from { translate: 0 0; } to { translate: calc(var(--motion-distance-md) * -1) 0; } } @keyframes slide-to-right { from { translate: 0 0; } to { translate: var(--motion-distance-md) 0; } } @keyframes slide-from-top-full { from { translate: 0 calc(-100% - var(--motion-slide-leave, 0px)); } to { translate: 0 0; } } @keyframes slide-from-bottom-full { from { translate: 0 calc(100% + var(--motion-slide-leave, 0px)); } to { translate: 0 0; } } @keyframes slide-from-left-full { from { translate: calc(-100% - var(--motion-slide-leave, 0px)) 0; } to { translate: 0 0; } } @keyframes slide-from-right-full { from { translate: calc(100% + var(--motion-slide-leave, 0px)) 0; } to { translate: 0 0; } } @keyframes slide-to-top-full { from { translate: 0 0; } to { translate: 0 calc(-100% - var(--motion-slide-leave, 0px)); } } @keyframes slide-to-bottom-full { from { translate: 0 0; } to { translate: 0 calc(100% + var(--motion-slide-leave, 0px)); } } @keyframes slide-to-left-full { from { translate: 0 0; } to { translate: calc(-100% - var(--motion-slide-leave, 0px)) 0; } } @keyframes slide-to-right-full { from { translate: 0 0; } to { translate: calc(100% + var(--motion-slide-leave, 0px)) 0; } } @keyframes expand-height { from { height: var(--collapsed-height, 0); } to { height: var(--height); } } @keyframes collapse-height { from { height: var(--height); } to { height: var(--collapsed-height, 0); } } @keyframes slide-axis-x-in { from { translate: var(--motion-distance-xl) 0; } to { translate: 0 0; } } @keyframes slide-axis-x-out { from { translate: 0 0; } to { translate: calc(var(--motion-distance-xl) * -1) 0; } } @keyframes slide-axis-y-in { from { translate: 0 var(--motion-distance-xl); } to { translate: 0 0; } } @keyframes slide-axis-y-out { from { translate: 0 0; } to { translate: 0 calc(var(--motion-distance-xl) * -1); } } @keyframes scale-through { from { scale: var(--motion-scale-through); } to { scale: 1; } } @keyframes announce-pulse-neutral { 0%, 100% { box-shadow: 0 0 0 0 transparent; } 20% { box-shadow: 0 0 0 var(--focus-ring-width) var(--color-neutral-element); } } @keyframes announce-pulse-affirm { 0%, 100% { box-shadow: 0 0 0 0 transparent; } 20% { box-shadow: 0 0 0 var(--focus-ring-width) var(--color-fulfill-element); } } @keyframes announce-pulse-fulfill { 0%, 100% { box-shadow: 0 0 0 0 transparent; } 20% { box-shadow: 0 0 0 var(--focus-ring-width) var(--color-fulfill-element); } } @keyframes announce-pulse-risk { 0%, 100% { box-shadow: 0 0 0 0 transparent; } 15% { box-shadow: 0 0 0 4px var(--color-risk-element); } 30% { box-shadow: 0 0 0 2px var(--color-risk-element); } } @keyframes announce-pulse-threat { 0%, 100% { box-shadow: 0 0 0 0 transparent; } 10% { box-shadow: 0 0 0 6px var(--color-threat-element); } 35% { box-shadow: 0 0 0 3px var(--color-threat-element); } } @keyframes dismiss-fade { to { opacity: 0; transform: translateX(8%); } } @keyframes present-rise { from { opacity: 0; transform: translateY(8px); box-shadow: 0 0 0 0 transparent; } } @keyframes press-squeeze { 0% { transform: scale(1); } 40% { transform: scale(0.96); filter: brightness(0.96); box-shadow: 0 0 0 0 transparent; } 100% { transform: scale(1); } } @keyframes commit-settle { 0% { box-shadow: 0 0 0 0 transparent; } 30% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary-solid) 32%, transparent); } 100% { box-shadow: 0 0 0 0 transparent; } } [data-event^='present'][data-event-phase='active'], [data-event^='open'][data-event-phase='active'] { animation: present-rise var(--duration-slow) var(--ease-out); } [data-event^='dismiss'][data-event-phase='active'], [data-event^='close'][data-event-phase='active'] { animation: dismiss-fade var(--duration-slow) var(--ease-default) forwards; } [data-event^='announce'][data-event-intent='neutral'][data-event-phase='active'] { animation: announce-pulse-neutral var(--duration-deliberate) var(--ease-default); } [data-event^='announce'][data-event-intent='affirm'][data-event-phase='active'] { animation: announce-pulse-affirm var(--duration-deliberate) var(--ease-default); } [data-event^='announce'][data-event-intent='fulfill'][data-event-phase='active'] { animation: announce-pulse-fulfill var(--duration-deliberate) var(--ease-default); } [data-event^='announce'][data-event-intent='risk'][data-event-phase='active'] { animation: announce-pulse-risk var(--duration-emphatic) var(--ease-spring); } [data-event^='announce'][data-event-intent='threat'][data-event-phase='active'] { animation: announce-pulse-threat var(--duration-sustained) var(--ease-spring); } [data-event-family='contact'][data-event-phase='active'] { animation: press-squeeze var(--duration-fast) var(--ease-default); } [data-event-family='commit'][data-event-phase='active'] { animation: commit-settle var(--duration-moderate) var(--ease-out); } [data-event-family='commit'][data-event-intent='fulfill'][data-event-phase='active'] { animation: announce-pulse-fulfill var(--duration-slow) var(--ease-out); } [data-event-family='commit'][data-event-intent='affirm'][data-event-phase='active'] { animation: announce-pulse-affirm var(--duration-slow) var(--ease-out); } [data-event-family='commit'][data-event-intent='threat'][data-event-phase='active'] { animation: announce-pulse-threat var(--duration-slower) var(--ease-spring); } [data-animation-style='fade'][data-state='open'] { animation: fade-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards; animation-delay: calc(var(--motion-stagger-index, 0) * var(--motion-stagger-each, 0ms)); } [data-animation-style='fade'][data-state='closed'] { animation: fade-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards; } [data-animation-style='scale-fade'][data-state='open'] { animation: scale-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards, fade-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards; animation-delay: calc(var(--motion-stagger-index, 0) * var(--motion-stagger-each, 0ms)); transform-origin: var(--floating-transform-origin); } [data-animation-style='scale-fade'][data-state='closed'] { animation: scale-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards, fade-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards; transform-origin: var(--floating-transform-origin); } [data-motion='reduce'] [data-animation-style='scale-fade'][data-state='open'] { animation: fade-in var(--duration-fast) var(--ease-out) backwards !important; } @media (prefers-reduced-motion: reduce) { [data-animation-style='scale-fade'][data-state='open'] { animation: fade-in var(--duration-fast) var(--ease-out) backwards !important; } } [data-motion='reduce'] [data-animation-style='scale-fade'][data-state='closed'] { animation: fade-out var(--duration-fast) var(--ease-in) forwards !important; } @media (prefers-reduced-motion: reduce) { [data-animation-style='scale-fade'][data-state='closed'] { animation: fade-out var(--duration-fast) var(--ease-in) forwards !important; } } [data-animation-style='slide-fade'][data-state='open'] { animation: slide-from-bottom var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards, scale-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards, fade-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards; animation-delay: calc(var(--motion-stagger-index, 0) * var(--motion-stagger-each, 0ms)); } [data-animation-style='slide-fade'][data-side='top'][data-state='open'] { animation: slide-from-bottom var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards, scale-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards, fade-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards; animation-delay: calc(var(--motion-stagger-index, 0) * var(--motion-stagger-each, 0ms)); } [data-animation-style='slide-fade'][data-side='bottom'][data-state='open'] { animation: slide-from-top var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards, scale-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards, fade-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards; animation-delay: calc(var(--motion-stagger-index, 0) * var(--motion-stagger-each, 0ms)); } [data-animation-style='slide-fade'][data-side='left'][data-state='open'] { animation: slide-from-right var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards, scale-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards, fade-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards; animation-delay: calc(var(--motion-stagger-index, 0) * var(--motion-stagger-each, 0ms)); } [data-animation-style='slide-fade'][data-side='right'][data-state='open'] { animation: slide-from-left var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards, scale-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards, fade-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards; animation-delay: calc(var(--motion-stagger-index, 0) * var(--motion-stagger-each, 0ms)); } [data-animation-style='slide-fade'][data-state='closed'] { animation: slide-to-bottom var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards, scale-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards, fade-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards; } [data-animation-style='slide-fade'][data-side='top'][data-state='closed'] { animation: slide-to-bottom var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards, scale-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards, fade-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards; } [data-animation-style='slide-fade'][data-side='bottom'][data-state='closed'] { animation: slide-to-top var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards, scale-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards, fade-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards; } [data-animation-style='slide-fade'][data-side='left'][data-state='closed'] { animation: slide-to-right var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards, scale-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards, fade-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards; } [data-animation-style='slide-fade'][data-side='right'][data-state='closed'] { animation: slide-to-left var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards, scale-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards, fade-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards; } [data-motion='reduce'] [data-animation-style='slide-fade'][data-state='open'] { animation: fade-in var(--duration-fast) var(--ease-out) backwards !important; } @media (prefers-reduced-motion: reduce) { [data-animation-style='slide-fade'][data-state='open'] { animation: fade-in var(--duration-fast) var(--ease-out) backwards !important; } } [data-motion='reduce'] [data-animation-style='slide-fade'][data-state='closed'] { animation: fade-out var(--duration-fast) var(--ease-in) forwards !important; } @media (prefers-reduced-motion: reduce) { [data-animation-style='slide-fade'][data-state='closed'] { animation: fade-out var(--duration-fast) var(--ease-in) forwards !important; } } [data-animation-style='slide-full'][data-state='open'] { animation: slide-from-right-full var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards; animation-delay: calc(var(--motion-stagger-index, 0) * var(--motion-stagger-each, 0ms)); } [data-animation-style='slide-full'][data-side='top'][data-state='open'] { animation: slide-from-top-full var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards; animation-delay: calc(var(--motion-stagger-index, 0) * var(--motion-stagger-each, 0ms)); } [data-animation-style='slide-full'][data-side='bottom'][data-state='open'] { animation: slide-from-bottom-full var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards; animation-delay: calc(var(--motion-stagger-index, 0) * var(--motion-stagger-each, 0ms)); } [data-animation-style='slide-full'][data-side='left'][data-state='open'] { animation: slide-from-left-full var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards; animation-delay: calc(var(--motion-stagger-index, 0) * var(--motion-stagger-each, 0ms)); } [data-animation-style='slide-full'][data-side='right'][data-state='open'] { animation: slide-from-right-full var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards; animation-delay: calc(var(--motion-stagger-index, 0) * var(--motion-stagger-each, 0ms)); } [data-animation-style='slide-full'][data-state='closed'] { animation: slide-to-right-full var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards; } [data-animation-style='slide-full'][data-side='top'][data-state='closed'] { animation: slide-to-top-full var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards; } [data-animation-style='slide-full'][data-side='bottom'][data-state='closed'] { animation: slide-to-bottom-full var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards; } [data-animation-style='slide-full'][data-side='left'][data-state='closed'] { animation: slide-to-left-full var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards; } [data-animation-style='slide-full'][data-side='right'][data-state='closed'] { animation: slide-to-right-full var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards; } [data-motion='reduce'] [data-animation-style='slide-full'][data-state='open'] { animation: none !important; } @media (prefers-reduced-motion: reduce) { [data-animation-style='slide-full'][data-state='open'] { animation: none !important; } } [data-motion='reduce'] [data-animation-style='slide-full'][data-state='closed'] { animation: none !important; } @media (prefers-reduced-motion: reduce) { [data-animation-style='slide-full'][data-state='closed'] { animation: none !important; } } [data-animation-style='collapse'][data-state='open'] { animation: expand-height var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards; animation-delay: calc(var(--motion-stagger-index, 0) * var(--motion-stagger-each, 0ms)); } [data-animation-style='collapse'][data-state='closed'] { animation: collapse-height var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards; } [data-motion='reduce'] [data-animation-style='collapse'][data-state='open'] { animation: none !important; } @media (prefers-reduced-motion: reduce) { [data-animation-style='collapse'][data-state='open'] { animation: none !important; } } [data-motion='reduce'] [data-animation-style='collapse'][data-state='closed'] { animation: none !important; } @media (prefers-reduced-motion: reduce) { [data-animation-style='collapse'][data-state='closed'] { animation: none !important; } } [data-animation-style='shared-axis-x'][data-state='open'] { animation: slide-axis-x-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards, fade-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards; animation-delay: calc(var(--motion-stagger-index, 0) * var(--motion-stagger-each, 0ms)); } [data-animation-style='shared-axis-x'][data-state='closed'] { animation: slide-axis-x-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards, fade-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards; } [data-motion='reduce'] [data-animation-style='shared-axis-x'][data-state='open'] { animation: fade-in var(--duration-fast) var(--ease-out) backwards !important; } @media (prefers-reduced-motion: reduce) { [data-animation-style='shared-axis-x'][data-state='open'] { animation: fade-in var(--duration-fast) var(--ease-out) backwards !important; } } [data-motion='reduce'] [data-animation-style='shared-axis-x'][data-state='closed'] { animation: fade-out var(--duration-fast) var(--ease-in) forwards !important; } @media (prefers-reduced-motion: reduce) { [data-animation-style='shared-axis-x'][data-state='closed'] { animation: fade-out var(--duration-fast) var(--ease-in) forwards !important; } } [data-animation-style='shared-axis-y'][data-state='open'] { animation: slide-axis-y-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards, fade-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards; animation-delay: calc(var(--motion-stagger-index, 0) * var(--motion-stagger-each, 0ms)); } [data-animation-style='shared-axis-y'][data-state='closed'] { animation: slide-axis-y-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards, fade-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards; } [data-motion='reduce'] [data-animation-style='shared-axis-y'][data-state='open'] { animation: fade-in var(--duration-fast) var(--ease-out) backwards !important; } @media (prefers-reduced-motion: reduce) { [data-animation-style='shared-axis-y'][data-state='open'] { animation: fade-in var(--duration-fast) var(--ease-out) backwards !important; } } [data-motion='reduce'] [data-animation-style='shared-axis-y'][data-state='closed'] { animation: fade-out var(--duration-fast) var(--ease-in) forwards !important; } @media (prefers-reduced-motion: reduce) { [data-animation-style='shared-axis-y'][data-state='closed'] { animation: fade-out var(--duration-fast) var(--ease-in) forwards !important; } } [data-animation-style='fade-through'][data-state='open'] { animation: scale-through var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards, fade-in var(--motion-duration-enter, var(--duration-moderate)) var(--motion-ease-enter, var(--ease-out)) backwards; animation-delay: calc(var(--motion-stagger-index, 0) * var(--motion-stagger-each, 0ms)); } [data-animation-style='fade-through'][data-state='closed'] { animation: fade-out var(--motion-duration-exit, var(--duration-fast)) var(--motion-ease-exit, var(--ease-in)) forwards; } [data-motion='reduce'] [data-animation-style='fade-through'][data-state='open'] { animation: fade-in var(--duration-fast) var(--ease-out) backwards !important; } @media (prefers-reduced-motion: reduce) { [data-animation-style='fade-through'][data-state='open'] { animation: fade-in var(--duration-fast) var(--ease-out) backwards !important; } } [data-motion='reduce'] [data-animation-style='fade-through'][data-state='closed'] { animation: fade-out var(--duration-fast) var(--ease-in) forwards !important; } @media (prefers-reduced-motion: reduce) { [data-animation-style='fade-through'][data-state='closed'] { animation: fade-out var(--duration-fast) var(--ease-in) forwards !important; } } @media (forced-colors: active) { :focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } @media (prefers-contrast: more) { :root:root { --color-border-subtle: var(--primitive-neutral-7); --color-border-default: var(--primitive-neutral-8); --color-border-strong: var(--primitive-neutral-9); --color-content-secondary: var(--primitive-neutral-12); --color-content-muted: var(--primitive-neutral-11); } } :root, [data-theme='base-light'], [data-theme='light'] { --scale-gray-1: #fcfcfc; --scale-gray-1: oklch(0.9911 0 0); --scale-gray-2: #f9f9f9; --scale-gray-2: oklch(0.9821 0 0); --scale-gray-3: #f0f0f0; --scale-gray-3: oklch(0.9551 0 0); --scale-gray-4: #e8e8e8; --scale-gray-4: oklch(0.931 0 0); --scale-gray-5: #e0e0e0; --scale-gray-5: oklch(0.9067 0 0); --scale-gray-6: #d9d9d9; --scale-gray-6: oklch(0.8853 0 0); --scale-gray-7: #cecece; --scale-gray-7: oklch(0.8514 0 0); --scale-gray-8: #bbbbbb; --scale-gray-8: oklch(0.7921 0 0); --scale-gray-9: #8d8d8d; --scale-gray-9: oklch(0.6434 0 0); --scale-gray-10: #838383; --scale-gray-10: oklch(0.61 0 0); --scale-gray-11: #646464; --scale-gray-11: oklch(0.5032 0 0); --scale-gray-12: #202020; --scale-gray-12: oklch(0.2435 0 0); --scale-gray-a1: rgb(0 0 0 / 0.0118); --scale-gray-a2: rgb(0 0 0 / 0.0235); --scale-gray-a3: rgb(0 0 0 / 0.0588); --scale-gray-a4: rgb(0 0 0 / 0.0902); --scale-gray-a5: rgb(0 0 0 / 0.1216); --scale-gray-a6: rgb(0 0 0 / 0.149); --scale-gray-a7: rgb(0 0 0 / 0.1922); --scale-gray-a8: rgb(0 0 0 / 0.2667); --scale-gray-a9: rgb(0 0 0 / 0.4471); --scale-gray-a10: rgb(0 0 0 / 0.4863); --scale-gray-a11: rgb(0 0 0 / 0.6078); --scale-gray-a12: rgb(0 0 0 / 0.8745); --scale-slate-1: #fcfcfd; --scale-slate-1: oklch(0.9913 0.0013 286.38); --scale-slate-2: #f9f9fb; --scale-slate-2: oklch(0.9827 0.0026 286.35); --scale-slate-3: #f0f0f3; --scale-slate-3: oklch(0.956 0.004 286.32); --scale-slate-4: #e8e8ec; --scale-slate-4: oklch(0.9321 0.0054 286.3); --scale-slate-5: #e0e1e6; --scale-slate-5: oklch(0.9104 0.0068 277.16); --scale-slate-6: #d9d9e0; --scale-slate-6: oklch(0.8873 0.0095 286.2); --scale-slate-7: #cdced6; --scale-slate-7: oklch(0.853 0.0111 280.45); --scale-slate-8: #b9bbc6; --scale-slate-8: oklch(0.7938 0.0156 277.79); --scale-slate-9: #8b8d98; --scale-slate-9: oklch(0.6453 0.0165 277.7); --scale-slate-10: #80838d; --scale-slate-10: oklch(0.6108 0.0155 272.56); --scale-slate-11: #60646c; --scale-slate-11: oklch(0.5025 0.0136 264.44); --scale-slate-12: #1c2024; --scale-slate-12: oklch(0.2411 0.0097 248.23); --scale-slate-a1: rgb(0 0 85 / 0.0118); --scale-slate-a2: rgb(0 0 85 / 0.0235); --scale-slate-a3: rgb(0 0 51 / 0.0588); --scale-slate-a4: rgb(0 0 44 / 0.0902); --scale-slate-a5: rgb(0 8 49 / 0.1216); --scale-slate-a6: rgb(0 0 47 / 0.149); --scale-slate-a7: rgb(0 5 46 / 0.1961); --scale-slate-a8: rgb(0 7 47 / 0.2745); --scale-slate-a9: rgb(0 4 29 / 0.4549); --scale-slate-a10: rgb(0 6 26 / 0.498); --scale-slate-a11: rgb(0 6 19 / 0.6235); --scale-slate-a12: rgb(0 4 9 / 0.8902); --scale-blue-1: #fbfdff; --scale-blue-1: oklch(0.9931 0.0034 247.86); --scale-blue-2: #f4faff; --scale-blue-2: oklch(0.982 0.0092 242.83); --scale-blue-3: #e6f4fe; --scale-blue-3: oklch(0.9597 0.0201 238.66); --scale-blue-4: #d5efff; --scale-blue-4: oklch(0.9381 0.035 234.8); --scale-blue-5: #c2e5ff; --scale-blue-5: oklch(0.9051 0.0513 240.31); --scale-blue-6: #acd8fc; --scale-blue-6: oklch(0.8633 0.0682 243.32); --scale-blue-7: #8ec8f6; --scale-blue-7: oklch(0.8098 0.0887 243.05); --scale-blue-8: #5eb1ef; --scale-blue-8: oklch(0.7336 0.1214 243.09); --scale-blue-9: #0090ff; --scale-blue-9: oklch(0.6493 0.193 251.78); --scale-blue-10: #0588f0; --scale-blue-10: oklch(0.6223 0.1831 251.7); --scale-blue-11: #0d74ce; --scale-blue-11: oklch(0.5558 0.1622 252.19); --scale-blue-12: #113264; --scale-blue-12: oklch(0.324 0.0964 258.82); --scale-blue-a1: rgb(0 128 255 / 0.0157); --scale-blue-a2: rgb(0 139 255 / 0.0431); --scale-blue-a3: rgb(0 143 245 / 0.098); --scale-blue-a4: rgb(0 158 255 / 0.1647); --scale-blue-a5: rgb(0 146 255 / 0.2392); --scale-blue-a6: rgb(0 135 246 / 0.3255); --scale-blue-a7: rgb(0 131 235 / 0.4431); --scale-blue-a8: rgb(0 131 230 / 0.6314); --scale-blue-a9: rgb(0 144 255 / 1); --scale-blue-a10: rgb(0 134 240 / 0.9804); --scale-blue-a11: rgb(0 109 203 / 0.949); --scale-blue-a12: rgb(0 35 89 / 0.9333); --scale-cyan-1: #fafdfe; --scale-cyan-1: oklch(0.9921 0.0035 219.53); --scale-cyan-2: #f2fafb; --scale-cyan-2: oklch(0.9794 0.0086 205.9); --scale-cyan-3: #def7f9; --scale-cyan-3: oklch(0.9586 0.0263 202.56); --scale-cyan-4: #caf1f6; --scale-cyan-4: oklch(0.9321 0.0409 205.98); --scale-cyan-5: #b5e9f0; --scale-cyan-5: oklch(0.9004 0.0539 206.45); --scale-cyan-6: #9ddde7; --scale-cyan-6: oklch(0.8579 0.0659 208.14); --scale-cyan-7: #7dcedc; --scale-cyan-7: oklch(0.8045 0.0816 209.7); --scale-cyan-8: #3db9cf; --scale-cyan-8: oklch(0.7276 0.1102 211.93); --scale-cyan-9: #00a2c7; --scale-cyan-9: oklch(0.66 0.1217 221.74); --scale-cyan-10: #0797b9; --scale-cyan-10: oklch(0.627 0.1143 221.5); --scale-cyan-11: #107d98; --scale-cyan-11: oklch(0.547 0.0966 220.75); --scale-cyan-12: #0d3c48; --scale-cyan-12: oklch(0.3314 0.0527 218.83); --scale-cyan-a1: rgb(0 153 204 / 0.0196); --scale-cyan-a2: rgb(0 157 177 / 0.051); --scale-cyan-a3: rgb(0 193 209 / 0.1294); --scale-cyan-a4: rgb(0 188 212 / 0.2078); --scale-cyan-a5: rgb(0 179 203 / 0.2902); --scale-cyan-a6: rgb(0 167 193 / 0.3843); --scale-cyan-a7: rgb(0 159 186 / 0.5098); --scale-cyan-a8: rgb(0 163 192 / 0.7608); --scale-cyan-a9: rgb(0 162 199 / 1); --scale-cyan-a10: rgb(0 148 183 / 0.9725); --scale-cyan-a11: rgb(0 116 145 / 0.9373); --scale-cyan-a12: rgb(0 50 62 / 0.949); --scale-teal-1: #fafefd; --scale-teal-1: oklch(0.9937 0.0044 179.74); --scale-teal-2: #f3fbf9; --scale-teal-2: oklch(0.9815 0.0088 179.61); --scale-teal-3: #e0f8f3; --scale-teal-3: oklch(0.9603 0.0259 181.86); --scale-teal-4: #ccf3ea; --scale-teal-4: oklch(0.934 0.0421 179.8); --scale-teal-5: #b8eae0; --scale-teal-5: oklch(0.8995 0.0531 181.47); --scale-teal-6: #a1ded2; --scale-teal-6: oklch(0.8558 0.0643 181.17); --scale-teal-7: #83cdc1; --scale-teal-7: oklch(0.7964 0.076 182.97); --scale-teal-8: #53b9ab; --scale-teal-8: oklch(0.7214 0.0974 183.28); --scale-teal-9: #12a594; --scale-teal-9: oklch(0.6491 0.1136 181.96); --scale-teal-10: #0d9b8a; --scale-teal-10: oklch(0.6193 0.1094 181.3); --scale-teal-11: #008573; --scale-teal-11: oklch(0.5521 0.101 178.79); --scale-teal-12: #0d3d38; --scale-teal-12: oklch(0.3272 0.0507 184.99); --scale-teal-a1: rgb(0 204 153 / 0.0196); --scale-teal-a2: rgb(0 170 128 / 0.0471); --scale-teal-a3: rgb(0 197 156 / 0.1216); --scale-teal-a4: rgb(0 195 150 / 0.2); --scale-teal-a5: rgb(0 180 144 / 0.2784); --scale-teal-a6: rgb(0 165 133 / 0.3686); --scale-teal-a7: rgb(0 152 128 / 0.4863); --scale-teal-a8: rgb(0 151 130 / 0.6745); --scale-teal-a9: rgb(0 158 140 / 0.9294); --scale-teal-a10: rgb(0 150 132 / 0.949); --scale-teal-a11: rgb(0 133 115 / 1); --scale-teal-a12: rgb(0 51 45 / 0.949); --scale-green-1: #fbfefc; --scale-green-1: oklch(0.9942 0.0041 157.18); --scale-green-2: #f4fbf6; --scale-green-2: oklch(0.9814 0.0099 155.1); --scale-green-3: #e6f6eb; --scale-green-3: oklch(0.9582 0.0223 155.92); --scale-green-4: #d6f1df; --scale-green-4: oklch(0.9335 0.0372 156.43); --scale-green-5: #c4e8d1; --scale-green-5: oklch(0.8988 0.0489 157.25); --scale-green-6: #adddc0; --scale-green-6: oklch(0.8558 0.0641 158.2); --scale-green-7: #8eceaa; --scale-green-7: oklch(0.7982 0.0832 159.15); --scale-green-8: #5bb98b; --scale-green-8: oklch(0.7156 0.1133 160.28); --scale-green-9: #30a46c; --scale-green-9: oklch(0.6406 0.1329 157.68); --scale-green-10: #2b9a66; --scale-green-10: oklch(0.6115 0.1266 158.23); --scale-green-11: #218358; --scale-green-11: oklch(0.5435 0.1116 159.5); --scale-green-12: #193b2d; --scale-green-12: oklch(0.322 0.0475 164.53); --scale-green-a1: rgb(0 191 64 / 0.0157); --scale-green-a2: rgb(0 162 46 / 0.0431); --scale-green-a3: rgb(0 163 51 / 0.098); --scale-green-a4: rgb(0 168 56 / 0.1608); --scale-green-a5: rgb(0 156 56 / 0.2314); --scale-green-a6: rgb(0 149 59 / 0.3216); --scale-green-a7: rgb(0 144 63 / 0.4431); --scale-green-a8: rgb(0 146 75 / 0.6431); --scale-green-a9: rgb(0 143 74 / 0.8118); --scale-green-a10: rgb(0 134 71 / 0.8314); --scale-green-a11: rgb(0 113 63 / 0.8706); --scale-green-a12: rgb(0 38 22 / 0.902); --scale-yellow-1: #fdfdf9; --scale-yellow-1: oklch(0.9929 0.0053 106.49); --scale-yellow-2: #fffce8; --scale-yellow-2: oklch(0.9881 0.0263 99.9); --scale-yellow-3: #fffbd1; --scale-yellow-3: oklch(0.9807 0.0544 102.85); --scale-yellow-4: #fff8bb; --scale-yellow-4: oklch(0.9701 0.078 102.24); --scale-yellow-5: #fef2a4; --scale-yellow-5: oklch(0.9531 0.0983 100.54); --scale-yellow-6: #f9e68c; --scale-yellow-6: oklch(0.9211 0.1125 97.73); --scale-yellow-7: #efd36c; --scale-yellow-7: oklch(0.8699 0.1268 94.4); --scale-yellow-8: #ebbc00; --scale-yellow-8: oklch(0.8138 0.1663 90.49); --scale-yellow-9: #f5d90a; --scale-yellow-9: oklch(0.8815 0.182 99.75); --scale-yellow-10: #f7ce00; --scale-yellow-10: oklch(0.8613 0.1767 94.35); --scale-yellow-11: #946800; --scale-yellow-11: oklch(0.5488 0.1138 79.47); --scale-yellow-12: #35290f; --scale-yellow-12: oklch(0.2882 0.0439 84.56); --scale-yellow-a1: rgb(170 170 0 / 0.0235); --scale-yellow-a2: rgb(255 222 0 / 0.0902); --scale-yellow-a3: rgb(255 233 0 / 0.1804); --scale-yellow-a4: rgb(255 229 0 / 0.2667); --scale-yellow-a5: rgb(252 219 0 / 0.3569); --scale-yellow-a6: rgb(242 200 0 / 0.451); --scale-yellow-a7: rgb(227 179 0 / 0.5765); --scale-yellow-a8: rgb(235 188 0 / 1); --scale-yellow-a9: rgb(245 215 0 / 0.9608); --scale-yellow-a10: rgb(247 206 0 / 1); --scale-yellow-a11: rgb(148 104 0 / 1); --scale-yellow-a12: rgb(40 28 0 / 0.9412); --scale-amber-1: #fefdfb; --scale-amber-1: oklch(0.9943 0.0028 84.56); --scale-amber-2: #fefbe9; --scale-amber-2: oklch(0.9856 0.0238 99.1); --scale-amber-3: #fff7c2; --scale-amber-3: oklch(0.9695 0.0684 100.39); --scale-amber-4: #ffee9c; --scale-amber-4: oklch(0.9447 0.1034 97.91); --scale-amber-5: #fbe577; --scale-amber-5: oklch(0.918 0.1326 98.23); --scale-amber-6: #f3d673; --scale-amber-6: oklch(0.8804 0.1233 93.39); --scale-amber-7: #e9c162; --scale-amber-7: oklch(0.8273 0.1224 86.69); --scale-amber-8: #e2a336; --scale-amber-8: oklch(0.7577 0.1403 76.72); --scale-amber-9: #ffc53d; --scale-amber-9: oklch(0.8537 0.1572 84.13); --scale-amber-10: #ffba18; --scale-amber-10: oklch(0.8313 0.1679 80.85); --scale-amber-11: #ab6400; --scale-amber-11: oklch(0.5706 0.1291 63.94); --scale-amber-12: #4f3422; --scale-amber-12: oklch(0.3522 0.0486 54.17); --scale-amber-a1: rgb(191 128 0 / 0.0157); --scale-amber-a2: rgb(243 209 0 / 0.0863); --scale-amber-a3: rgb(255 222 0 / 0.2392); --scale-amber-a4: rgb(255 211 0 / 0.3882); --scale-amber-a5: rgb(248 206 0 / 0.5333); --scale-amber-a6: rgb(233 180 0 / 0.549); --scale-amber-a7: rgb(219 154 0 / 0.6157); --scale-amber-a8: rgb(218 138 0 / 0.7882); --scale-amber-a9: rgb(255 179 0 / 0.7608); --scale-amber-a10: rgb(255 179 0 / 0.9059); --scale-amber-a11: rgb(171 100 0 / 1); --scale-amber-a12: rgb(52 21 0 / 0.8667); --scale-orange-1: #fefcfb; --scale-orange-1: oklch(0.9923 0.0025 48.72); --scale-orange-2: #fff7ed; --scale-orange-2: oklch(0.9796 0.0158 73.68); --scale-orange-3: #ffefd6; --scale-orange-3: oklch(0.9583 0.0371 79.11); --scale-orange-4: #ffdfb5; --scale-orange-4: oklch(0.92 0.0651 74.37); --scale-orange-5: #ffd19a; --scale-orange-5: oklch(0.8879 0.0875 71.31); --scale-orange-6: #ffc182; --scale-orange-6: oklch(0.8537 0.1068 66.02); --scale-orange-7: #f5ae73; --scale-orange-7: oklch(0.8059 0.1123 59.96); --scale-orange-8: #ec9455; --scale-orange-8: oklch(0.745 0.1322 54.68); --scale-orange-9: #f76b15; --scale-orange-9: oklch(0.6908 0.1909 45.02); --scale-orange-10: #ef5f00; --scale-orange-10: oklch(0.6624 0.1946 43.46); --scale-orange-11: #cc4e00; --scale-orange-11: oklch(0.5855 0.1743 42.74); --scale-orange-12: #582d1d; --scale-orange-12: oklch(0.3499 0.0685 40.83); --scale-orange-a1: rgb(191 64 0 / 0.0157); --scale-orange-a2: rgb(255 142 0 / 0.0706); --scale-orange-a3: rgb(255 155 0 / 0.1608); --scale-orange-a4: rgb(255 145 0 / 0.2902); --scale-orange-a5: rgb(255 139 0 / 0.3961); --scale-orange-a6: rgb(255 129 0 / 0.4902); --scale-orange-a7: rgb(237 107 0 / 0.549); --scale-orange-a8: rgb(227 94 0 / 0.6667); --scale-orange-a9: rgb(246 94 0 / 0.9176); --scale-orange-a10: rgb(239 95 0 / 1); --scale-orange-a11: rgb(204 78 0 / 1); --scale-orange-a12: rgb(67 18 0 / 0.8863); --scale-red-1: #fffcfc; --scale-red-1: oklch(0.9934 0.0032 17.21); --scale-red-2: #fff7f7; --scale-red-2: oklch(0.9823 0.0086 17.3); --scale-red-3: #feebec; --scale-red-3: oklch(0.9555 0.0207 13.86); --scale-red-4: #ffdbdc; --scale-red-4: oklch(0.9217 0.0401 16); --scale-red-5: #ffcdce; --scale-red-5: oklch(0.892 0.0567 16.93); --scale-red-6: #fdbdbe; --scale-red-6: oklch(0.8569 0.0741 17.68); --scale-red-7: #f4a9aa; --scale-red-7: oklch(0.807 0.0888 18.32); --scale-red-8: #eb8e90; --scale-red-8: oklch(0.7443 0.1133 18.75); --scale-red-9: #e5484d; --scale-red-9: oklch(0.6256 0.1933 23.03); --scale-red-10: #dc3e42; --scale-red-10: oklch(0.599 0.1947 24.04); --scale-red-11: #ce2c31; --scale-red-11: oklch(0.557 0.1974 25.17); --scale-red-12: #641723; --scale-red-12: oklch(0.339 0.1089 16.6); --scale-red-a1: rgb(255 0 0 / 0.0118); --scale-red-a2: rgb(255 0 0 / 0.0314); --scale-red-a3: rgb(242 0 13 / 0.0784); --scale-red-a4: rgb(255 0 7 / 0.1412); --scale-red-a5: rgb(255 0 5 / 0.1961); --scale-red-a6: rgb(247 0 4 / 0.2588); --scale-red-a7: rgb(222 0 3 / 0.3373); --scale-red-a8: rgb(210 0 5 / 0.4431); --scale-red-a9: rgb(219 0 7 / 0.7176); --scale-red-a10: rgb(209 0 5 / 0.7569); --scale-red-a11: rgb(196 0 6 / 0.8275); --scale-red-a12: rgb(85 0 13 / 0.9098); --scale-pink-1: #fffcfe; --scale-pink-1: oklch(0.9939 0.0041 337.35); --scale-pink-2: #fff7fc; --scale-pink-2: oklch(0.9837 0.0107 339.33); --scale-pink-3: #feeef8; --scale-pink-3: oklch(0.9646 0.0216 339.57); --scale-pink-4: #fce5f3; --scale-pink-4: oklch(0.9444 0.031 340.55); --scale-pink-5: #f9d8ec; --scale-pink-5: oklch(0.9154 0.0448 341.02); --scale-pink-6: #f3c6e2; --scale-pink-6: oklch(0.8738 0.0625 340.71); --scale-pink-7: #ecadd4; --scale-pink-7: oklch(0.8178 0.0888 341.61); --scale-pink-8: #e38ec3; --scale-pink-8: oklch(0.7501 0.122 342.45); --scale-pink-9: #d6409f; --scale-pink-9: oklch(0.6168 0.2076 346); --scale-pink-10: #d23197; --scale-pink-10: oklch(0.5948 0.2167 347.04); --scale-pink-11: #cd1d8d; --scale-pink-11: oklch(0.5703 0.2245 348.52); --scale-pink-12: #651249; --scale-pink-12: oklch(0.3498 0.1289 345.36); --scale-pink-a1: rgb(255 0 170 / 0.0118); --scale-pink-a2: rgb(255 0 159 / 0.0314); --scale-pink-a3: rgb(240 0 150 / 0.0667); --scale-pink-a4: rgb(226 0 137 / 0.102); --scale-pink-a5: rgb(216 0 131 / 0.1529); --scale-pink-a6: rgb(201 0 125 / 0.2235); --scale-pink-a7: rgb(196 0 121 / 0.3216); --scale-pink-a8: rgb(192 0 120 / 0.4431); --scale-pink-a9: rgb(200 0 127 / 0.749); --scale-pink-a10: rgb(199 0 126 / 0.8078); --scale-pink-a11: rgb(199 0 126 / 0.8863); --scale-pink-a12: rgb(89 0 59 / 0.9294); --scale-purple-1: #fefcfe; --scale-purple-1: oklch(0.9932 0.0034 325.6); --scale-purple-2: #fbf7fe; --scale-purple-2: oklch(0.9812 0.0101 311.18); --scale-purple-3: #f7edfe; --scale-purple-3: oklch(0.9588 0.0249 311.71); --scale-purple-4: #f2e2fc; --scale-purple-4: oklch(0.9333 0.0386 312.65); --scale-purple-5: #ead5f9; --scale-purple-5: oklch(0.9012 0.0534 311.25); --scale-purple-6: #e0c4f4; --scale-purple-6: oklch(0.8592 0.0718 311.05); --scale-purple-7: #d1afec; --scale-purple-7: oklch(0.8043 0.0918 309.69); --scale-purple-8: #be93e4; --scale-purple-8: oklch(0.7331 0.1225 307.97); --scale-purple-9: #8e4ec6; --scale-purple-9: oklch(0.5556 0.1829 305.86); --scale-purple-10: #8347b9; --scale-purple-10: oklch(0.5246 0.1755 305.39); --scale-purple-11: #8145b5; --scale-purple-11: oklch(0.5168 0.1733 305.88); --scale-purple-12: #402060; --scale-purple-12: oklch(0.3222 0.1102 303.84); --scale-purple-a1: rgb(170 0 170 / 0.0118); --scale-purple-a2: rgb(128 0 223 / 0.0314); --scale-purple-a3: rgb(142 0 241 / 0.0706); --scale-purple-a4: rgb(141 0 229 / 0.1137); --scale-purple-a5: rgb(128 0 219 / 0.1647); --scale-purple-a6: rgb(121 0 207 / 0.2314); --scale-purple-a7: rgb(108 0 194 / 0.3137); --scale-purple-a8: rgb(102 0 191 / 0.4235); --scale-purple-a9: rgb(92 0 173 / 0.6941); --scale-purple-a10: rgb(83 0 158 / 0.7216); --scale-purple-a11: rgb(82 0 154 / 0.7294); --scale-purple-a12: rgb(37 0 73 / 0.8745); --scale-mauve-1: #fdfcfd; --scale-mauve-1: oklch(0.9921 0.0017 325.59); --scale-mauve-2: #faf9fb; --scale-mauve-2: oklch(0.9834 0.0028 308.43); --scale-mauve-3: #f2eff3; --scale-mauve-3: oklch(0.9556 0.0062 317.75); --scale-mauve-4: #eae7ec; --scale-mauve-4: oklch(0.9317 0.0074 312.3); --scale-mauve-5: #e3dfe6; --scale-mauve-5: oklch(0.9088 0.0103 311.17); --scale-mauve-6: #dbd8e0; --scale-mauve-6: oklch(0.8869 0.0113 303.09); --scale-mauve-7: #d0cdd7; --scale-mauve-7: oklch(0.8537 0.0141 299.76); --scale-mauve-8: #bcbac7; --scale-mauve-8: oklch(0.7945 0.0183 293.05); --scale-mauve-9: #8e8c99; --scale-mauve-9: oklch(0.646 0.0193 292.92); --scale-mauve-10: #84828e; --scale-mauve-10: oklch(0.6123 0.018 293.51); --scale-mauve-11: #65636d; --scale-mauve-11: oklch(0.505 0.0158 295); --scale-mauve-12: #211f26; --scale-mauve-12: oklch(0.2445 0.0134 298.46); --scale-mauve-a1: rgb(85 0 85 / 0.0118); --scale-mauve-a2: rgb(43 0 85 / 0.0235); --scale-mauve-a3: rgb(48 0 64 / 0.0627); --scale-mauve-a4: rgb(32 0 53 / 0.0941); --scale-mauve-a5: rgb(32 0 56 / 0.1255); --scale-mauve-a6: rgb(20 0 52 / 0.1529); --scale-mauve-a7: rgb(15 0 51 / 0.1961); --scale-mauve-a8: rgb(7 0 48 / 0.2706); --scale-mauve-a9: rgb(4 0 29 / 0.451); --scale-mauve-a10: rgb(4 0 24 / 0.4902); --scale-mauve-a11: rgb(3 0 16 / 0.6118); --scale-mauve-a12: rgb(2 0 8 / 0.8784); --scale-sage-1: #fbfdfc; --scale-sage-1: oklch(0.9923 0.0025 165.08); --scale-sage-2: #f7f9f8; --scale-sage-2: oklch(0.9803 0.0025 165.08); --scale-sage-3: #eef1f0; --scale-sage-3: oklch(0.9556 0.0035 174.48); --scale-sage-4: #e6e9e8; --scale-sage-4: oklch(0.9314 0.0035 174.48); --scale-sage-5: #dfe2e0; --scale-sage-5: oklch(0.9099 0.0042 157.17); --scale-sage-6: #d7dad9; --scale-sage-6: oklch(0.8858 0.0035 174.47); --scale-sage-7: #cbcfcd; --scale-sage-7: oklch(0.8508 0.0052 164.98); --scale-sage-8: #b8bcba; --scale-sage-8: oklch(0.7915 0.0052 164.97); --scale-sage-9: #868e8b; --scale-sage-9: oklch(0.6392 0.0103 171.61); --scale-sage-10: #7c8481; --scale-sage-10: oklch(0.6057 0.0105 171.57); --scale-sage-11: #5f6563; --scale-sage-11: oklch(0.5008 0.0081 174.11); --scale-sage-12: #1a211e; --scale-sage-12: oklch(0.2396 0.0117 167.56); --scale-sage-a1: rgb(0 128 64 / 0.0157); --scale-sage-a2: rgb(0 64 32 / 0.0314); --scale-sage-a3: rgb(0 45 30 / 0.0667); --scale-sage-a4: rgb(0 31 20 / 0.098); --scale-sage-a5: rgb(0 24 8 / 0.1255); --scale-sage-a6: rgb(0 19 13 / 0.1569); --scale-sage-a7: rgb(0 20 10 / 0.2039); --scale-sage-a8: rgb(0 14 7 / 0.2784); --scale-sage-a9: rgb(0 17 11 / 0.4745); --scale-sage-a10: rgb(0 16 10 / 0.5137); --scale-sage-a11: rgb(0 10 6 / 0.6275); --scale-sage-a12: rgb(0 8 4 / 0.898); --scale-olive-1: #fcfdfc; --scale-olive-1: oklch(0.993 0.0017 145.56); --scale-olive-2: #f8faf8; --scale-olive-2: oklch(0.983 0.0034 145.55); --scale-olive-3: #eff1ef; --scale-olive-3: oklch(0.9561 0.0034 145.55); --scale-olive-4: #e7e9e7; --scale-olive-4: oklch(0.9319 0.0034 145.55); --scale-olive-5: #dfe2df; --scale-olive-5: oklch(0.9096 0.0052 145.53); --scale-olive-6: #d7dad7; --scale-olive-6: oklch(0.8852 0.0052 145.53); --scale-olive-7: #cccfcc; --scale-olive-7: oklch(0.8513 0.0052 145.53); --scale-olive-8: #b9bcb8; --scale-olive-8: oklch(0.7917 0.0065 137.78); --scale-olive-9: #898e87; --scale-olive-9: oklch(0.6404 0.0118 136.58); --scale-olive-10: #7f847d; --scale-olive-10: oklch(0.607 0.0119 136.59); --scale-olive-11: #60655f; --scale-olive-11: oklch(0.5004 0.0112 140.5); --scale-olive-12: #1d211c; --scale-olive-12: oklch(0.2417 0.011 139.43); --scale-olive-a1: rgb(0 85 0 / 0.0118); --scale-olive-a2: rgb(0 73 0 / 0.0275); --scale-olive-a3: rgb(0 32 0 / 0.0627); --scale-olive-a4: rgb(0 21 0 / 0.0941); --scale-olive-a5: rgb(0 24 0 / 0.1255); --scale-olive-a6: rgb(0 19 0 / 0.1569); --scale-olive-a7: rgb(0 15 0 / 0.2); --scale-olive-a8: rgb(4 14 0 / 0.2784); --scale-olive-a9: rgb(4 15 0 / 0.4706); --scale-olive-a10: rgb(4 14 0 / 0.5098); --scale-olive-a11: rgb(2 10 0 / 0.6275); --scale-olive-a12: rgb(1 6 0 / 0.8902); --scale-sand-1: #fdfdfc; --scale-sand-1: oklch(0.9938 0.0013 106.42); --scale-sand-2: #f9f9f8; --scale-sand-2: oklch(0.9818 0.0013 106.42); --scale-sand-3: #f1f0ef; --scale-sand-3: oklch(0.9556 0.0017 67.8); --scale-sand-4: #e9e8e6; --scale-sand-4: oklch(0.9312 0.0029 84.56); --scale-sand-5: #e2e1de; --scale-sand-5: oklch(0.9097 0.0042 91.45); --scale-sand-6: #dad9d6; --scale-sand-6: oklch(0.8852 0.0042 91.45); --scale-sand-7: #cfceca; --scale-sand-7: oklch(0.8511 0.0056 95.11); --scale-sand-8: #bcbbb5; --scale-sand-8: oklch(0.7911 0.0084 98.91); --scale-sand-9: #8d8d86; --scale-sand-9: oklch(0.6413 0.0102 106.68); --scale-sand-10: #82827c; --scale-sand-10: oklch(0.6048 0.0089 106.66); --scale-sand-11: #63635e; --scale-sand-11: oklch(0.4981 0.0078 106.68); --scale-sand-12: #21201c; --scale-sand-12: oklch(0.2431 0.0076 95.37); --scale-sand-a1: rgb(85 85 0 / 0.0118); --scale-sand-a2: rgb(36 36 0 / 0.0275); --scale-sand-a3: rgb(32 16 0 / 0.0627); --scale-sand-a4: rgb(31 20 0 / 0.098); --scale-sand-a5: rgb(31 23 0 / 0.1294); --scale-sand-a6: rgb(25 19 0 / 0.1608); --scale-sand-a7: rgb(24 19 0 / 0.2078); --scale-sand-a8: rgb(24 21 0 / 0.2902); --scale-sand-a9: rgb(15 15 0 / 0.4745); --scale-sand-a10: rgb(12 12 0 / 0.5137); --scale-sand-a11: rgb(8 8 0 / 0.6314); --scale-sand-a12: rgb(6 4 0 / 0.8902); --scale-tomato-1: #fffcfc; --scale-tomato-1: oklch(0.9934 0.0032 17.21); --scale-tomato-2: #fff8f7; --scale-tomato-2: oklch(0.9842 0.0076 27.23); --scale-tomato-3: #feebe7; --scale-tomato-3: oklch(0.9541 0.0215 31.78); --scale-tomato-4: #ffdcd3; --scale-tomato-4: oklch(0.9212 0.041 34.76); --scale-tomato-5: #ffcdc2; --scale-tomato-5: oklch(0.889 0.059 32.56); --scale-tomato-6: #fdbdaf; --scale-tomato-6: oklch(0.8532 0.077 32.63); --scale-tomato-7: #f5a898; --scale-tomato-7: oklch(0.802 0.0946 32.19); --scale-tomato-8: #ec8e7b; --scale-tomato-8: oklch(0.7409 0.1184 32.25); --scale-tomato-9: #e54d2e; --scale-tomato-9: oklch(0.6271 0.1936 33.34); --scale-tomato-10: #dd4425; --scale-tomato-10: oklch(0.6035 0.1947 33.22); --scale-tomato-11: #d13415; --scale-tomato-11: oklch(0.5665 0.1978 32.73); --scale-tomato-12: #5c271f; --scale-tomato-12: oklch(0.3459 0.0798 30.39); --scale-tomato-a1: rgb(255 0 0 / 0.0118); --scale-tomato-a2: rgb(255 32 0 / 0.0314); --scale-tomato-a3: rgb(244 43 0 / 0.0941); --scale-tomato-a4: rgb(255 52 0 / 0.1725); --scale-tomato-a5: rgb(255 46 0 / 0.2392); --scale-tomato-a6: rgb(249 45 0 / 0.3137); --scale-tomato-a7: rgb(230 40 0 / 0.4039); --scale-tomato-a8: rgb(218 37 0 / 0.5176); --scale-tomato-a9: rgb(223 38 0 / 0.8196); --scale-tomato-a10: rgb(215 36 0 / 0.8549); --scale-tomato-a11: rgb(205 34 0 / 0.9176); --scale-tomato-a12: rgb(69 9 0 / 0.8784); --scale-ruby-1: #fffcfd; --scale-ruby-1: oklch(0.9936 0.0034 354.69); --scale-ruby-2: #fff7f8; --scale-ruby-2: oklch(0.9826 0.0087 8.54); --scale-ruby-3: #feeaed; --scale-ruby-3: oklch(0.9538 0.0221 7.18); --scale-ruby-4: #ffdce1; --scale-ruby-4: oklch(0.925 0.0393 8.14); --scale-ruby-5: #ffced6; --scale-ruby-5: oklch(0.896 0.0562 7.27); --scale-ruby-6: #f8bfc8; --scale-ruby-6: oklch(0.8582 0.0664 8); --scale-ruby-7: #efacb8; --scale-ruby-7: oklch(0.8107 0.0799 7.15); --scale-ruby-8: #e592a3; --scale-ruby-8: oklch(0.7489 0.1021 6.5); --scale-ruby-9: #e54666; --scale-ruby-9: oklch(0.6284 0.1949 13.15); --scale-ruby-10: #dc3b5d; --scale-ruby-10: oklch(0.6012 0.1967 13.52); --scale-ruby-11: #ca244d; --scale-ruby-11: oklch(0.5489 0.1985 13.9); --scale-ruby-12: #64172b; --scale-ruby-12: oklch(0.341 0.1095 10); --scale-ruby-a1: rgb(255 0 85 / 0.0118); --scale-ruby-a2: rgb(255 0 32 / 0.0314); --scale-ruby-a3: rgb(243 0 36 / 0.0824); --scale-ruby-a4: rgb(255 0 36 / 0.1373); --scale-ruby-a5: rgb(255 0 42 / 0.1922); --scale-ruby-a6: rgb(227 0 36 / 0.251); --scale-ruby-a7: rgb(206 0 37 / 0.3255); --scale-ruby-a8: rgb(194 0 40 / 0.4275); --scale-ruby-a9: rgb(219 0 44 / 0.7255); --scale-ruby-a10: rgb(209 0 44 / 0.7686); --scale-ruby-a11: rgb(193 0 48 / 0.8588); --scale-ruby-a12: rgb(85 0 22 / 0.9098); --scale-crimson-1: #fffcfd; --scale-crimson-1: oklch(0.9936 0.0034 354.69); --scale-crimson-2: #fef7f9; --scale-crimson-2: oklch(0.9821 0.0079 357.79); --scale-crimson-3: #ffe9f0; --scale-crimson-3: oklch(0.9536 0.0256 356.28); --scale-crimson-4: #fedce7; --scale-crimson-4: oklch(0.9258 0.0401 356.41); --scale-crimson-5: #facedd; --scale-crimson-5: oklch(0.8934 0.053 355.77); --scale-crimson-6: #f3bed1; --scale-crimson-6: oklch(0.8541 0.0653 355.16); --scale-crimson-7: #eaacc3; --scale-crimson-7: oklch(0.8087 0.078 354.94); --scale-crimson-8: #e093b2; --scale-crimson-8: oklch(0.7493 0.1002 354.02); --scale-crimson-9: #e93d82; --scale-crimson-9: oklch(0.6341 0.213 1.28); --scale-crimson-10: #df3478; --scale-crimson-10: oklch(0.6075 0.2106 2.23); --scale-crimson-11: #cb1d63; --scale-crimson-11: oklch(0.5522 0.2073 4.49); --scale-crimson-12: #621639; --scale-crimson-12: oklch(0.3409 0.1129 356.94); --scale-crimson-a1: rgb(255 0 85 / 0.0118); --scale-crimson-a2: rgb(223 0 64 / 0.0314); --scale-crimson-a3: rgb(255 0 81 / 0.0863); --scale-crimson-a4: rgb(248 0 80 / 0.1373); --scale-crimson-a5: rgb(229 0 78 / 0.1922); --scale-crimson-a6: rgb(208 0 75 / 0.2549); --scale-crimson-a7: rgb(190 0 71 / 0.3255); --scale-crimson-a8: rgb(182 0 73 / 0.4235); --scale-crimson-a9: rgb(226 0 91 / 0.7608); --scale-crimson-a10: rgb(215 0 85 / 0.7961); --scale-crimson-a11: rgb(196 0 79 / 0.8863); --scale-crimson-a12: rgb(83 0 38 / 0.9137); --scale-plum-1: #fefcff; --scale-plum-1: oklch(0.9934 0.0045 314.81); --scale-plum-2: #fdf7fd; --scale-plum-2: oklch(0.9824 0.0101 325.65); --scale-plum-3: #fbebfb; --scale-plum-3: oklch(0.9573 0.0272 325.79); --scale-plum-4: #f7def8; --scale-plum-4: oklch(0.9286 0.0438 324.76); --scale-plum-5: #f2d1f3; --scale-plum-5: oklch(0.8985 0.0579 325.14); --scale-plum-6: #e9c2ec; --scale-plum-6: oklch(0.8606 0.071 323.89); --scale-plum-7: #deade3; --scale-plum-7: oklch(0.8093 0.0915 323.31); --scale-plum-8: #cf91d8; --scale-plum-8: oklch(0.7413 0.1202 322.24); --scale-plum-9: #ab4aba; --scale-plum-9: oklch(0.5787 0.1877 322.11); --scale-plum-10: #a144af; --scale-plum-10: oklch(0.5519 0.1812 322.24); --scale-plum-11: #953ea3; --scale-plum-11: oklch(0.5216 0.1727 321.89); --scale-plum-12: #53195d; --scale-plum-12: oklch(0.3377 0.1251 321.42); --scale-plum-a1: rgb(170 0 255 / 0.0118); --scale-plum-a2: rgb(191 0 191 / 0.0314); --scale-plum-a3: rgb(204 0 204 / 0.0784); --scale-plum-a4: rgb(193 0 201 / 0.1294); --scale-plum-a5: rgb(183 0 188 / 0.1804); --scale-plum-a6: rgb(163 0 176 / 0.2392); --scale-plum-a7: rgb(152 0 168 / 0.3216); --scale-plum-a8: rgb(144 0 165 / 0.4314); --scale-plum-a9: rgb(137 0 158 / 0.7098); --scale-plum-a10: rgb(127 0 146 / 0.7333); --scale-plum-a11: rgb(115 0 133 / 0.7569); --scale-plum-a12: rgb(64 0 75 / 0.902); --scale-violet-1: #fdfcfe; --scale-violet-1: oklch(0.9924 0.0028 308.43); --scale-violet-2: #faf8ff; --scale-violet-2: oklch(0.9826 0.0095 299.24); --scale-violet-3: #f4f0fe; --scale-violet-3: oklch(0.9623 0.0191 299.07); --scale-violet-4: #ebe4ff; --scale-violet-4: oklch(0.9325 0.037 297.54); --scale-violet-5: #e1d9ff; --scale-violet-5: oklch(0.9035 0.0522 294.99); --scale-violet-6: #d4cafe; --scale-violet-6: oklch(0.8642 0.0721 293.65); --scale-violet-7: #c2b5f5; --scale-violet-7: oklch(0.8062 0.0902 293.59); --scale-violet-8: #aa99ec; --scale-violet-8: oklch(0.7297 0.1193 292.6); --scale-violet-9: #6e56cf; --scale-violet-9: oklch(0.5417 0.179 288.03); --scale-violet-10: #654dc4; --scale-violet-10: oklch(0.5109 0.1775 287.68); --scale-violet-11: #6550b9; --scale-violet-11: oklch(0.5078 0.1589 288.64); --scale-violet-12: #2f265f; --scale-violet-12: oklch(0.3128 0.0975 286.57); --scale-violet-a1: rgb(85 0 170 / 0.0118); --scale-violet-a2: rgb(73 0 255 / 0.0275); --scale-violet-a3: rgb(68 0 238 / 0.0588); --scale-violet-a4: rgb(66 0 255 / 0.1059); --scale-violet-a5: rgb(54 0 255 / 0.149); --scale-violet-a6: rgb(48 0 250 / 0.2078); --scale-violet-a7: rgb(45 0 221 / 0.2902); --scale-violet-a8: rgb(43 0 208 / 0.4); --scale-violet-a9: rgb(36 0 183 / 0.6627); --scale-violet-a10: rgb(34 0 170 / 0.698); --scale-violet-a11: rgb(31 0 153 / 0.6863); --scale-violet-a12: rgb(11 0 67 / 0.851); --scale-iris-1: #fdfdff; --scale-iris-1: oklch(0.9946 0.0026 286.35); --scale-iris-2: #f8f8ff; --scale-iris-2: oklch(0.9811 0.0093 286.23); --scale-iris-3: #f0f1fe; --scale-iris-3: oklch(0.9612 0.0174 282.54); --scale-iris-4: #e6e7ff; --scale-iris-4: oklch(0.9344 0.0324 283.85); --scale-iris-5: #dadcff; --scale-iris-5: oklch(0.9039 0.0478 282.81); --scale-iris-6: #cbcdff; --scale-iris-6: oklch(0.8634 0.0692 283.05); --scale-iris-7: #b8baf8; --scale-iris-7: oklch(0.8092 0.0872 282.83); --scale-iris-8: #9b9ef0; --scale-iris-8: oklch(0.7293 0.1182 281.44); --scale-iris-9: #5b5bd6; --scale-iris-9: oklch(0.5403 0.1841 278.28); --scale-iris-10: #5151cd; --scale-iris-10: oklch(0.5087 0.1869 277.45); --scale-iris-11: #5753c6; --scale-iris-11: oklch(0.5111 0.1739 279.84); --scale-iris-12: #272962; --scale-iris-12: oklch(0.3143 0.0988 277.56); --scale-iris-a1: rgb(0 0 255 / 0.0078); --scale-iris-a2: rgb(0 0 255 / 0.0275); --scale-iris-a3: rgb(0 17 238 / 0.0588); --scale-iris-a4: rgb(0 10 255 / 0.098); --scale-iris-a5: rgb(0 14 255 / 0.1451); --scale-iris-a6: rgb(0 10 255 / 0.2039); --scale-iris-a7: rgb(0 7 230 / 0.2784); --scale-iris-a8: rgb(0 8 217 / 0.3922); --scale-iris-a9: rgb(0 0 191 / 0.6431); --scale-iris-a10: rgb(0 0 182 / 0.6824); --scale-iris-a11: rgb(6 0 170 / 0.6745); --scale-iris-a12: rgb(0 2 70 / 0.8471); --scale-indigo-1: #fdfdfe; --scale-indigo-1: oklch(0.9943 0.0013 286.38); --scale-indigo-2: #f7f9ff; --scale-indigo-2: oklch(0.9823 0.0083 271.33); --scale-indigo-3: #edf2fe; --scale-indigo-3: oklch(0.9609 0.017 267.79); --scale-indigo-4: #e1e9ff; --scale-indigo-4: oklch(0.9346 0.031 269.82); --scale-indigo-5: #d2deff; --scale-indigo-5: oklch(0.9019 0.0471 269.62); --scale-indigo-6: #c1d0ff; --scale-indigo-6: oklch(0.862 0.0675 271.09); --scale-indigo-7: #abbdf9; --scale-indigo-7: oklch(0.8062 0.0875 271.41); --scale-indigo-8: #8da4ef; --scale-indigo-8: oklch(0.7309 0.1123 270.43); --scale-indigo-9: #3e63dd; --scale-indigo-9: oklch(0.5438 0.191 267.01); --scale-indigo-10: #3358d4; --scale-indigo-10: oklch(0.5106 0.1954 266.58); --scale-indigo-11: #3a5bc7; --scale-indigo-11: oklch(0.5092 0.1725 267.17); --scale-indigo-12: #1f2d5c; --scale-indigo-12: oklch(0.3126 0.0858 268.6); --scale-indigo-a1: rgb(0 0 128 / 0.0078); --scale-indigo-a2: rgb(0 64 255 / 0.0314); --scale-indigo-a3: rgb(0 71 241 / 0.0706); --scale-indigo-a4: rgb(0 68 255 / 0.1176); --scale-indigo-a5: rgb(0 68 255 / 0.1765); --scale-indigo-a6: rgb(0 62 255 / 0.2431); --scale-indigo-a7: rgb(0 55 237 / 0.3294); --scale-indigo-a8: rgb(0 51 219 / 0.4471); --scale-indigo-a9: rgb(0 49 210 / 0.7569); --scale-indigo-a10: rgb(0 46 201 / 0.8); --scale-indigo-a11: rgb(0 43 183 / 0.7725); --scale-indigo-a12: rgb(0 16 69 / 0.8784); --scale-jade-1: #fbfefd; --scale-jade-1: oklch(0.9945 0.0034 174.49); --scale-jade-2: #f4fbf7; --scale-jade-2: oklch(0.9817 0.0091 161.36); --scale-jade-3: #e6f7ed; --scale-jade-3: oklch(0.9608 0.0222 160.23); --scale-jade-4: #d6f1e3; --scale-jade-4: oklch(0.9346 0.0339 163.22); --scale-jade-5: #c3e9d7; --scale-jade-5: oklch(0.9019 0.0466 165.05); --scale-jade-6: #acdec8; --scale-jade-6: oklch(0.8595 0.0601 166.24); --scale-jade-7: #8bceb6; --scale-jade-7: oklch(0.7997 0.0763 169.89); --scale-jade-8: #56ba9f; --scale-jade-8: oklch(0.7214 0.1026 173.12); --scale-jade-9: #29a383; --scale-jade-9: oklch(0.6422 0.115 170.73); --scale-jade-10: #26997b; --scale-jade-10: oklch(0.613 0.1096 170.85); --scale-jade-11: #208368; --scale-jade-11: oklch(0.5475 0.0983 170.05); --scale-jade-12: #1d3b31; --scale-jade-12: oklch(0.3254 0.0406 170.08); --scale-jade-a1: rgb(0 191 128 / 0.0157); --scale-jade-a2: rgb(0 162 70 / 0.0431); --scale-jade-a3: rgb(0 173 71 / 0.098); --scale-jade-a4: rgb(0 168 81 / 0.1608); --scale-jade-a5: rgb(0 162 85 / 0.2353); --scale-jade-a6: rgb(0 154 86 / 0.3255); --scale-jade-a7: rgb(0 147 95 / 0.4549); --scale-jade-a8: rgb(0 151 110 / 0.6627); --scale-jade-a9: rgb(0 145 107 / 0.8392); --scale-jade-a10: rgb(0 135 100 / 0.851); --scale-jade-a11: rgb(0 113 82 / 0.8745); --scale-jade-a12: rgb(0 34 23 / 0.8863); --scale-grass-1: #fbfefb; --scale-grass-1: oklch(0.9939 0.005 145.54); --scale-grass-2: #f5fbf5; --scale-grass-2: oklch(0.9819 0.0101 145.5); --scale-grass-3: #e9f6e9; --scale-grass-3: oklch(0.9599 0.022 145.4); --scale-grass-4: #daf1db; --scale-grass-4: oklch(0.9353 0.0381 146.47); --scale-grass-5: #c9e8ca; --scale-grass-5: oklch(0.9004 0.052 145.99); --scale-grass-6: #b2ddb5; --scale-grass-6: oklch(0.8563 0.071 146.77); --scale-grass-7: #94ce9a; --scale-grass-7: oklch(0.7978 0.0943 147.26); --scale-grass-8: #65ba74; --scale-grass-8: oklch(0.7174 0.1308 148.14); --scale-grass-9: #46a758; --scale-grass-9: oklch(0.6512 0.1468 147.39); --scale-grass-10: #3e9b4f; --scale-grass-10: oklch(0.6152 0.1422 147.19); --scale-grass-11: #2a7e3b; --scale-grass-11: oklch(0.5262 0.1294 147.2); --scale-grass-12: #203c25; --scale-grass-12: oklch(0.3266 0.053 148.59); --scale-grass-a1: rgb(0 191 0 / 0.0157); --scale-grass-a2: rgb(0 153 0 / 0.0392); --scale-grass-a3: rgb(0 151 0 / 0.0863); --scale-grass-a4: rgb(0 159 7 / 0.1451); --scale-grass-a5: rgb(0 146 5 / 0.2118); --scale-grass-a6: rgb(0 142 10 / 0.302); --scale-grass-a7: rgb(0 138 14 / 0.4196); --scale-grass-a8: rgb(0 141 25 / 0.6039); --scale-grass-a9: rgb(0 134 25 / 0.7255); --scale-grass-a10: rgb(0 123 22 / 0.7569); --scale-grass-a11: rgb(0 101 20 / 0.8353); --scale-grass-a12: rgb(0 32 6 / 0.8745); --scale-brown-1: #fefdfc; --scale-brown-1: oklch(0.9945 0.0017 67.8); --scale-brown-2: #fcf9f6; --scale-brown-2: oklch(0.9836 0.0051 67.76); --scale-brown-3: #f6eee7; --scale-brown-3: oklch(0.9534 0.0128 63.92); --scale-brown-4: #f0e4d9; --scale-brown-4: oklch(0.9254 0.0198 65.13); --scale-brown-5: #ebdaca; --scale-brown-5: oklch(0.8978 0.0286 65.74); --scale-brown-6: #e4cdb7; --scale-brown-6: oklch(0.8616 0.0394 66.01); --scale-brown-7: #dcbc9f; --scale-brown-7: oklch(0.8154 0.0538 64.15); --scale-brown-8: #cea37e; --scale-brown-8: oklch(0.7459 0.0716 62.1); --scale-brown-9: #ad7f58; --scale-brown-9: oklch(0.6329 0.0785 60.98); --scale-brown-10: #a07553; --scale-brown-10: oklch(0.5974 0.0724 59.14); --scale-brown-11: #815e46; --scale-brown-11: oklch(0.5122 0.0582 55.45); --scale-brown-12: #3e332e; --scale-brown-12: oklch(0.3314 0.0181 45.86); --scale-brown-a1: rgb(170 85 0 / 0.0118); --scale-brown-a2: rgb(170 85 0 / 0.0353); --scale-brown-a3: rgb(159 74 0 / 0.0941); --scale-brown-a4: rgb(154 74 0 / 0.149); --scale-brown-a5: rgb(159 77 0 / 0.2078); --scale-brown-a6: rgb(159 78 0 / 0.2824); --scale-brown-a7: rgb(162 77 0 / 0.3765); --scale-brown-a8: rgb(158 73 0 / 0.5059); --scale-brown-a9: rgb(130 60 0 / 0.6549); --scale-brown-a10: rgb(114 50 0 / 0.6745); --scale-brown-a11: rgb(81 33 0 / 0.7255); --scale-brown-a12: rgb(20 6 0 / 0.8196); --scale-sky-1: #f9feff; --scale-sky-1: oklch(0.9936 0.0055 211.04); --scale-sky-2: #f1fafd; --scale-sky-2: oklch(0.9792 0.0103 219.59); --scale-sky-3: #e1f6fd; --scale-sky-3: oklch(0.9598 0.024 219.72); --scale-sky-4: #d1f0fa; --scale-sky-4: oklch(0.9358 0.0351 219.19); --scale-sky-5: #bee7f5; --scale-sky-5: oklch(0.9033 0.0467 220.56); --scale-sky-6: #a9daed; --scale-sky-6: oklch(0.8604 0.0571 223.65); --scale-sky-7: #8dcae3; --scale-sky-7: oklch(0.8063 0.0716 225.48); --scale-sky-8: #60b3d7; --scale-sky-8: oklch(0.7283 0.0961 228.43); --scale-sky-9: #7ce2fe; --scale-sky-9: oklch(0.8611 0.1027 217.8); --scale-sky-10: #74daf8; --scale-sky-10: oklch(0.8378 0.1038 219.37); --scale-sky-11: #00749e; --scale-sky-11: oklch(0.5255 0.1079 232.55); --scale-sky-12: #1d3e56; --scale-sky-12: oklch(0.3507 0.0572 242.37); --scale-sky-a1: rgb(0 213 255 / 0.0235); --scale-sky-a2: rgb(0 164 219 / 0.0549); --scale-sky-a3: rgb(0 179 238 / 0.1176); --scale-sky-a4: rgb(0 172 227 / 0.1804); --scale-sky-a5: rgb(0 161 216 / 0.2549); --scale-sky-a6: rgb(0 145 202 / 0.3373); --scale-sky-a7: rgb(0 136 192 / 0.4471); --scale-sky-a8: rgb(0 133 191 / 0.6235); --scale-sky-a9: rgb(0 199 253 / 0.5137); --scale-sky-a10: rgb(0 187 242 / 0.5451); --scale-sky-a11: rgb(0 116 158 / 1); --scale-sky-a12: rgb(0 37 64 / 0.8863); --scale-mint-1: #f9fefd; --scale-mint-1: oklch(0.993 0.0054 183.03); --scale-mint-2: #f2fbf9; --scale-mint-2: oklch(0.9808 0.0098 181.42); --scale-mint-3: #ddf9f2; --scale-mint-3: oklch(0.9599 0.0306 178.93); --scale-mint-4: #c8f4e9; --scale-mint-4: oklch(0.9332 0.0476 178.33); --scale-mint-5: #b3ecde; --scale-mint-5: oklch(0.9002 0.0611 178.06); --scale-mint-6: #9ce0d0; --scale-mint-6: oklch(0.8568 0.072 178.17); --scale-mint-7: #7ecfbd; --scale-mint-7: oklch(0.7973 0.0841 178.23); --scale-mint-8: #4cbba5; --scale-mint-8: oklch(0.7221 0.1063 177.84); --scale-mint-9: #86ead4; --scale-mint-9: oklch(0.8696 0.0999 177.98); --scale-mint-10: #7de0cb; --scale-mint-10: oklch(0.8401 0.0988 178.42); --scale-mint-11: #027864; --scale-mint-11: oklch(0.5117 0.0955 175.6); --scale-mint-12: #16433c; --scale-mint-12: oklch(0.3496 0.0505 181.31); --scale-mint-a1: rgb(0 213 170 / 0.0235); --scale-mint-a2: rgb(0 177 137 / 0.051); --scale-mint-a3: rgb(0 210 158 / 0.1333); --scale-mint-a4: rgb(0 204 153 / 0.2157); --scale-mint-a5: rgb(0 191 144 / 0.298); --scale-mint-a6: rgb(0 175 134 / 0.3882); --scale-mint-a7: rgb(0 160 125 / 0.5059); --scale-mint-a8: rgb(0 158 127 / 0.702); --scale-mint-a9: rgb(0 211 164 / 0.4745); --scale-mint-a10: rgb(0 194 153 / 0.5098); --scale-mint-a11: rgb(0 119 99 / 0.9922); --scale-mint-a12: rgb(0 49 42 / 0.9137); --scale-lime-1: #fcfdfa; --scale-lime-1: oklch(0.9925 0.0041 121.56); --scale-lime-2: #f8faf3; --scale-lime-2: oklch(0.9817 0.0094 119.57); --scale-lime-3: #eef6d6; --scale-lime-3: oklch(0.9588 0.0428 118.62); --scale-lime-4: #e2f0bd; --scale-lime-4: oklch(0.9319 0.0683 120.2); --scale-lime-5: #d3e7a6; --scale-lime-5: oklch(0.8973 0.0876 122.06); --scale-lime-6: #c2da91; --scale-lime-6: oklch(0.8532 0.0991 123.29); --scale-lime-7: #abc978; --scale-lime-7: oklch(0.7948 0.1116 125.43); --scale-lime-8: #8db654; --scale-lime-8: oklch(0.725 0.1351 128.23); --scale-lime-9: #bdee63; --scale-lime-9: oklch(0.8874 0.1747 126.09); --scale-lime-10: #b0e64c; --scale-lime-10: oklch(0.8588 0.1879 126.75); --scale-lime-11: #5c7c2f; --scale-lime-11: oklch(0.5444 0.1114 128.6); --scale-lime-12: #37401c; --scale-lime-12: oklch(0.3537 0.0573 120.98); --scale-lime-a1: rgb(102 153 0 / 0.0196); --scale-lime-a2: rgb(106 149 0 / 0.0471); --scale-lime-a3: rgb(149 199 0 / 0.1608); --scale-lime-a4: rgb(143 197 0 / 0.2588); --scale-lime-a5: rgb(129 186 0 / 0.349); --scale-lime-a6: rgb(114 169 0 / 0.4314); --scale-lime-a7: rgb(96 153 0 / 0.5294); --scale-lime-a8: rgb(85 146 0 / 0.6706); --scale-lime-a9: rgb(147 227 0 / 0.6118); --scale-lime-a10: rgb(142 219 0 / 0.702); --scale-lime-a11: rgb(55 94 0 / 0.8157); --scale-lime-a12: rgb(30 40 0 / 0.8902); --scale-gold-1: #fefdfb; --scale-gold-1: oklch(0.9943 0.0028 84.56); --scale-gold-2: #fcfcec; --scale-gold-2: oklch(0.9868 0.021 106.78); --scale-gold-3: #f9f9ca; --scale-gold-3: oklch(0.9705 0.0607 107.48); --scale-gold-4: #f6f1a9; --scale-gold-4: oklch(0.9455 0.0912 104.64); --scale-gold-5: #efe98a; --scale-gold-5: oklch(0.9185 0.1172 105.32); --scale-gold-6: #e8da83; --scale-gold-6: oklch(0.881 0.1092 100.29); --scale-gold-7: #dec571; --scale-gold-7: oklch(0.8268 0.108 93.28); --scale-gold-8: #d6a94a; --scale-gold-8: oklch(0.7582 0.1235 83.43); --scale-gold-9: #d4af37; --scale-gold-9: oklch(0.7665 0.1387 91.06); --scale-gold-10: #f0c142; --scale-gold-10: oklch(0.8311 0.1481 87.75); --scale-gold-11: #a16a19; --scale-gold-11: oklch(0.5698 0.1139 70.69); --scale-gold-12: #4c3623; --scale-gold-12: oklch(0.3529 0.0438 61.5); --scale-gold-a1: rgb(191 128 0 / 0.0157); --scale-gold-a2: rgb(215 215 0 / 0.0745); --scale-gold-a3: rgb(226 226 0 / 0.2078); --scale-gold-a4: rgb(228 213 0 / 0.3373); --scale-gold-a5: rgb(220 207 0 / 0.4588); --scale-gold-a6: rgb(208 179 0 / 0.4863); --scale-gold-a7: rgb(196 151 0 / 0.5569); --scale-gold-a8: rgb(197 134 0 / 0.7098); --scale-gold-a9: rgb(200 153 0 / 0.7843); --scale-gold-a10: rgb(235 171 0 / 0.7412); --scale-gold-a11: rgb(151 90 0 / 0.902); --scale-gold-a12: rgb(48 22 0 / 0.8627); --scale-bronze-1: #fdfcfb; --scale-bronze-1: oklch(0.9916 0.0017 67.8); --scale-bronze-2: #fbf8f0; --scale-bronze-2: oklch(0.9792 0.011 89.72); --scale-bronze-3: #f6f2de; --scale-bronze-3: oklch(0.9589 0.0267 97.61); --scale-bronze-4: #f0e4c3; --scale-bronze-4: oklch(0.92 0.0453 90.4); --scale-bronze-5: #ebd8ad; --scale-bronze-5: oklch(0.8871 0.0601 86.97); --scale-bronze-6: #e7cb98; --scale-bronze-6: oklch(0.8536 0.0735 82.27); --scale-bronze-7: #ddb987; --scale-bronze-7: oklch(0.8055 0.0776 75.41); --scale-bronze-8: #d1a36b; --scale-bronze-8: oklch(0.7455 0.091 71.17); --scale-bronze-9: #cd7f32; --scale-bronze-9: oklch(0.6661 0.1315 61.29); --scale-bronze-10: #ce7c30; --scale-bronze-10: oklch(0.6619 0.1344 59.3); --scale-bronze-11: #af6826; --scale-bronze-11: oklch(0.5851 0.1199 59.21); --scale-bronze-12: #4d3421; --scale-bronze-12: oklch(0.3493 0.0472 57.68); --scale-bronze-a1: rgb(128 64 0 / 0.0157); --scale-bronze-a2: rgb(187 136 0 / 0.0588); --scale-bronze-a3: rgb(185 155 0 / 0.1294); --scale-bronze-a4: rgb(191 140 0 / 0.2353); --scale-bronze-a5: rgb(193 134 0 / 0.3216); --scale-bronze-a6: rgb(196 126 0 / 0.4039); --scale-bronze-a7: rgb(183 106 0 / 0.4706); --scale-bronze-a8: rgb(176 96 0 / 0.5804); --scale-bronze-a9: rgb(193 96 0 / 0.8039); --scale-bronze-a10: rgb(195 94 0 / 0.8118); --scale-bronze-a11: rgb(161 78 0 / 0.851); --scale-bronze-a12: rgb(51 22 0 / 0.8706); --primitive-primary-1: var(--scale-purple-1); --primitive-primary-2: var(--scale-purple-2); --primitive-primary-3: var(--scale-purple-3); --primitive-primary-4: var(--scale-purple-4); --primitive-primary-5: var(--scale-purple-5); --primitive-primary-6: var(--scale-purple-6); --primitive-primary-7: var(--scale-purple-7); --primitive-primary-8: var(--scale-purple-8); --primitive-primary-9: var(--scale-purple-9); --primitive-primary-10: var(--scale-purple-10); --primitive-primary-11: var(--scale-purple-11); --primitive-primary-12: var(--scale-purple-12); --primitive-primary-a1: var(--scale-purple-a1); --primitive-primary-a2: var(--scale-purple-a2); --primitive-primary-a3: var(--scale-purple-a3); --primitive-primary-a4: var(--scale-purple-a4); --primitive-primary-a5: var(--scale-purple-a5); --primitive-primary-a6: var(--scale-purple-a6); --primitive-primary-a7: var(--scale-purple-a7); --primitive-primary-a8: var(--scale-purple-a8); --primitive-primary-a9: var(--scale-purple-a9); --primitive-primary-a10: var(--scale-purple-a10); --primitive-primary-a11: var(--scale-purple-a11); --primitive-primary-a12: var(--scale-purple-a12); --color-primary-track: var(--primitive-primary-1); --color-primary-element: var(--primitive-primary-3); --color-primary-hover: var(--primitive-primary-4); --color-primary-active: var(--primitive-primary-5); --color-primary-border: var(--primitive-primary-7); --color-primary-solid: var(--primitive-primary-9); --color-primary-solid-hover: var(--primitive-primary-10); --color-primary-text: var(--primitive-primary-11); --color-primary-contrast: var(--color-content-on-solid, var(--primitive-primary-12)); --color-primary-surface: var(--primitive-primary-a2); --color-primary-surface-hover: var(--primitive-primary-a3); --primitive-secondary-1: var(--scale-slate-1); --primitive-secondary-2: var(--scale-slate-2); --primitive-secondary-3: var(--scale-slate-3); --primitive-secondary-4: var(--scale-slate-4); --primitive-secondary-5: var(--scale-slate-5); --primitive-secondary-6: var(--scale-slate-6); --primitive-secondary-7: var(--scale-slate-7); --primitive-secondary-8: var(--scale-slate-8); --primitive-secondary-9: var(--scale-slate-9); --primitive-secondary-10: var(--scale-slate-10); --primitive-secondary-11: var(--scale-slate-11); --primitive-secondary-12: var(--scale-slate-12); --primitive-secondary-a1: var(--scale-slate-a1); --primitive-secondary-a2: var(--scale-slate-a2); --primitive-secondary-a3: var(--scale-slate-a3); --primitive-secondary-a4: var(--scale-slate-a4); --primitive-secondary-a5: var(--scale-slate-a5); --primitive-secondary-a6: var(--scale-slate-a6); --primitive-secondary-a7: var(--scale-slate-a7); --primitive-secondary-a8: var(--scale-slate-a8); --primitive-secondary-a9: var(--scale-slate-a9); --primitive-secondary-a10: var(--scale-slate-a10); --primitive-secondary-a11: var(--scale-slate-a11); --primitive-secondary-a12: var(--scale-slate-a12); --color-secondary-track: var(--primitive-secondary-1); --color-secondary-element: var(--primitive-secondary-3); --color-secondary-hover: var(--primitive-secondary-4); --color-secondary-active: var(--primitive-secondary-5); --color-secondary-border: var(--primitive-secondary-7); --color-secondary-solid: var(--primitive-secondary-9); --color-secondary-solid-hover: var(--primitive-secondary-10); --color-secondary-text: var(--primitive-secondary-11); --color-secondary-contrast: var(--color-content-on-solid, var(--primitive-secondary-12)); --color-secondary-surface: var(--primitive-secondary-a2); --color-secondary-surface-hover: var(--primitive-secondary-a3); --primitive-tertiary-1: var(--scale-indigo-1); --primitive-tertiary-2: var(--scale-indigo-2); --primitive-tertiary-3: var(--scale-indigo-3); --primitive-tertiary-4: var(--scale-indigo-4); --primitive-tertiary-5: var(--scale-indigo-5); --primitive-tertiary-6: var(--scale-indigo-6); --primitive-tertiary-7: var(--scale-indigo-7); --primitive-tertiary-8: var(--scale-indigo-8); --primitive-tertiary-9: var(--scale-indigo-9); --primitive-tertiary-10: var(--scale-indigo-10); --primitive-tertiary-11: var(--scale-indigo-11); --primitive-tertiary-12: var(--scale-indigo-12); --primitive-tertiary-a1: var(--scale-indigo-a1); --primitive-tertiary-a2: var(--scale-indigo-a2); --primitive-tertiary-a3: var(--scale-indigo-a3); --primitive-tertiary-a4: var(--scale-indigo-a4); --primitive-tertiary-a5: var(--scale-indigo-a5); --primitive-tertiary-a6: var(--scale-indigo-a6); --primitive-tertiary-a7: var(--scale-indigo-a7); --primitive-tertiary-a8: var(--scale-indigo-a8); --primitive-tertiary-a9: var(--scale-indigo-a9); --primitive-tertiary-a10: var(--scale-indigo-a10); --primitive-tertiary-a11: var(--scale-indigo-a11); --primitive-tertiary-a12: var(--scale-indigo-a12); --color-tertiary-track: var(--primitive-tertiary-1); --color-tertiary-element: var(--primitive-tertiary-3); --color-tertiary-hover: var(--primitive-tertiary-4); --color-tertiary-active: var(--primitive-tertiary-5); --color-tertiary-border: var(--primitive-tertiary-7); --color-tertiary-solid: var(--primitive-tertiary-9); --color-tertiary-solid-hover: var(--primitive-tertiary-10); --color-tertiary-text: var(--primitive-tertiary-11); --color-tertiary-contrast: var(--color-content-on-solid, var(--primitive-tertiary-12)); --color-tertiary-surface: var(--primitive-tertiary-a2); --color-tertiary-surface-hover: var(--primitive-tertiary-a3); --primitive-neutral-1: var(--scale-gray-1); --primitive-neutral-2: var(--scale-gray-2); --primitive-neutral-3: var(--scale-gray-3); --primitive-neutral-4: var(--scale-gray-4); --primitive-neutral-5: var(--scale-gray-5); --primitive-neutral-6: var(--scale-gray-6); --primitive-neutral-7: var(--scale-gray-7); --primitive-neutral-8: var(--scale-gray-8); --primitive-neutral-9: var(--scale-gray-9); --primitive-neutral-10: var(--scale-gray-10); --primitive-neutral-11: var(--scale-gray-11); --primitive-neutral-12: var(--scale-gray-12); --primitive-neutral-a1: var(--scale-gray-a1); --primitive-neutral-a2: var(--scale-gray-a2); --primitive-neutral-a3: var(--scale-gray-a3); --primitive-neutral-a4: var(--scale-gray-a4); --primitive-neutral-a5: var(--scale-gray-a5); --primitive-neutral-a6: var(--scale-gray-a6); --primitive-neutral-a7: var(--scale-gray-a7); --primitive-neutral-a8: var(--scale-gray-a8); --primitive-neutral-a9: var(--scale-gray-a9); --primitive-neutral-a10: var(--scale-gray-a10); --primitive-neutral-a11: var(--scale-gray-a11); --primitive-neutral-a12: var(--scale-gray-a12); --color-neutral-track: var(--primitive-neutral-1); --color-neutral-element: var(--primitive-neutral-3); --color-neutral-hover: var(--primitive-neutral-4); --color-neutral-active: var(--primitive-neutral-5); --color-neutral-border: var(--primitive-neutral-7); --color-neutral-solid: var(--primitive-neutral-9); --color-neutral-solid-hover: var(--primitive-neutral-10); --color-neutral-text: var(--primitive-neutral-11); --color-neutral-contrast: var(--primitive-neutral-12); --color-neutral-surface: var(--primitive-neutral-a2); --color-neutral-surface-hover: var(--primitive-neutral-a3); --primitive-affirm-1: var(--scale-teal-1); --primitive-affirm-2: var(--scale-teal-2); --primitive-affirm-3: var(--scale-teal-3); --primitive-affirm-4: var(--scale-teal-4); --primitive-affirm-5: var(--scale-teal-5); --primitive-affirm-6: var(--scale-teal-6); --primitive-affirm-7: var(--scale-teal-7); --primitive-affirm-8: var(--scale-teal-8); --primitive-affirm-9: var(--scale-teal-9); --primitive-affirm-10: var(--scale-teal-10); --primitive-affirm-11: var(--scale-teal-11); --primitive-affirm-12: var(--scale-teal-12); --primitive-affirm-a1: var(--scale-teal-a1); --primitive-affirm-a2: var(--scale-teal-a2); --primitive-affirm-a3: var(--scale-teal-a3); --primitive-affirm-a4: var(--scale-teal-a4); --primitive-affirm-a5: var(--scale-teal-a5); --primitive-affirm-a6: var(--scale-teal-a6); --primitive-affirm-a7: var(--scale-teal-a7); --primitive-affirm-a8: var(--scale-teal-a8); --primitive-affirm-a9: var(--scale-teal-a9); --primitive-affirm-a10: var(--scale-teal-a10); --primitive-affirm-a11: var(--scale-teal-a11); --primitive-affirm-a12: var(--scale-teal-a12); --color-affirm-track: var(--primitive-affirm-1); --color-affirm-element: var(--primitive-affirm-3); --color-affirm-hover: var(--primitive-affirm-4); --color-affirm-active: var(--primitive-affirm-5); --color-affirm-border: var(--primitive-affirm-7); --color-affirm-solid: var(--primitive-affirm-9); --color-affirm-solid-hover: var(--primitive-affirm-10); --color-affirm-text: var(--primitive-affirm-11); --color-affirm-contrast: var(--color-content-on-solid, var(--primitive-affirm-12)); --color-affirm-surface: var(--primitive-affirm-a2); --color-affirm-surface-hover: var(--primitive-affirm-a3); --primitive-fulfill-1: var(--scale-green-1); --primitive-fulfill-2: var(--scale-green-2); --primitive-fulfill-3: var(--scale-green-3); --primitive-fulfill-4: var(--scale-green-4); --primitive-fulfill-5: var(--scale-green-5); --primitive-fulfill-6: var(--scale-green-6); --primitive-fulfill-7: var(--scale-green-7); --primitive-fulfill-8: var(--scale-green-8); --primitive-fulfill-9: var(--scale-green-9); --primitive-fulfill-10: var(--scale-green-10); --primitive-fulfill-11: var(--scale-green-11); --primitive-fulfill-12: var(--scale-green-12); --primitive-fulfill-a1: var(--scale-green-a1); --primitive-fulfill-a2: var(--scale-green-a2); --primitive-fulfill-a3: var(--scale-green-a3); --primitive-fulfill-a4: var(--scale-green-a4); --primitive-fulfill-a5: var(--scale-green-a5); --primitive-fulfill-a6: var(--scale-green-a6); --primitive-fulfill-a7: var(--scale-green-a7); --primitive-fulfill-a8: var(--scale-green-a8); --primitive-fulfill-a9: var(--scale-green-a9); --primitive-fulfill-a10: var(--scale-green-a10); --primitive-fulfill-a11: var(--scale-green-a11); --primitive-fulfill-a12: var(--scale-green-a12); --color-fulfill-track: var(--primitive-fulfill-1); --color-fulfill-element: var(--primitive-fulfill-3); --color-fulfill-hover: var(--primitive-fulfill-4); --color-fulfill-active: var(--primitive-fulfill-5); --color-fulfill-border: var(--primitive-fulfill-7); --color-fulfill-solid: var(--primitive-fulfill-9); --color-fulfill-solid-hover: var(--primitive-fulfill-10); --color-fulfill-text: var(--primitive-fulfill-11); --color-fulfill-contrast: var(--color-content-on-solid, var(--primitive-fulfill-12)); --color-fulfill-surface: var(--primitive-fulfill-a2); --color-fulfill-surface-hover: var(--primitive-fulfill-a3); --primitive-risk-1: var(--scale-orange-1); --primitive-risk-2: var(--scale-orange-2); --primitive-risk-3: var(--scale-orange-3); --primitive-risk-4: var(--scale-orange-4); --primitive-risk-5: var(--scale-orange-5); --primitive-risk-6: var(--scale-orange-6); --primitive-risk-7: var(--scale-orange-7); --primitive-risk-8: var(--scale-orange-8); --primitive-risk-9: var(--scale-orange-9); --primitive-risk-10: var(--scale-orange-10); --primitive-risk-11: var(--scale-orange-11); --primitive-risk-12: var(--scale-orange-12); --primitive-risk-a1: var(--scale-orange-a1); --primitive-risk-a2: var(--scale-orange-a2); --primitive-risk-a3: var(--scale-orange-a3); --primitive-risk-a4: var(--scale-orange-a4); --primitive-risk-a5: var(--scale-orange-a5); --primitive-risk-a6: var(--scale-orange-a6); --primitive-risk-a7: var(--scale-orange-a7); --primitive-risk-a8: var(--scale-orange-a8); --primitive-risk-a9: var(--scale-orange-a9); --primitive-risk-a10: var(--scale-orange-a10); --primitive-risk-a11: var(--scale-orange-a11); --primitive-risk-a12: var(--scale-orange-a12); --color-risk-track: var(--primitive-risk-1); --color-risk-element: var(--primitive-risk-3); --color-risk-hover: var(--primitive-risk-4); --color-risk-active: var(--primitive-risk-5); --color-risk-border: var(--primitive-risk-7); --color-risk-solid: var(--primitive-risk-9); --color-risk-solid-hover: var(--primitive-risk-10); --color-risk-text: var(--primitive-risk-11); --color-risk-contrast: var(--color-content-on-solid-contrast, var(--primitive-risk-12)); --color-risk-surface: var(--primitive-risk-a2); --color-risk-surface-hover: var(--primitive-risk-a3); --primitive-threat-1: var(--scale-red-1); --primitive-threat-2: var(--scale-red-2); --primitive-threat-3: var(--scale-red-3); --primitive-threat-4: var(--scale-red-4); --primitive-threat-5: var(--scale-red-5); --primitive-threat-6: var(--scale-red-6); --primitive-threat-7: var(--scale-red-7); --primitive-threat-8: var(--scale-red-8); --primitive-threat-9: var(--scale-red-9); --primitive-threat-10: var(--scale-red-10); --primitive-threat-11: var(--scale-red-11); --primitive-threat-12: var(--scale-red-12); --primitive-threat-a1: var(--scale-red-a1); --primitive-threat-a2: var(--scale-red-a2); --primitive-threat-a3: var(--scale-red-a3); --primitive-threat-a4: var(--scale-red-a4); --primitive-threat-a5: var(--scale-red-a5); --primitive-threat-a6: var(--scale-red-a6); --primitive-threat-a7: var(--scale-red-a7); --primitive-threat-a8: var(--scale-red-a8); --primitive-threat-a9: var(--scale-red-a9); --primitive-threat-a10: var(--scale-red-a10); --primitive-threat-a11: var(--scale-red-a11); --primitive-threat-a12: var(--scale-red-a12); --color-threat-track: var(--primitive-threat-1); --color-threat-element: var(--primitive-threat-3); --color-threat-hover: var(--primitive-threat-4); --color-threat-active: var(--primitive-threat-5); --color-threat-border: var(--primitive-threat-7); --color-threat-solid: var(--primitive-threat-9); --color-threat-solid-hover: var(--primitive-threat-10); --color-threat-text: var(--primitive-threat-11); --color-threat-contrast: var(--color-content-on-solid, var(--primitive-threat-12)); --color-threat-surface: var(--primitive-threat-a2); --color-threat-surface-hover: var(--primitive-threat-a3); --primitive-loss-1: var(--scale-plum-1); --primitive-loss-2: var(--scale-plum-2); --primitive-loss-3: var(--scale-plum-3); --primitive-loss-4: var(--scale-plum-4); --primitive-loss-5: var(--scale-plum-5); --primitive-loss-6: var(--scale-plum-6); --primitive-loss-7: var(--scale-plum-7); --primitive-loss-8: var(--scale-plum-8); --primitive-loss-9: var(--scale-plum-9); --primitive-loss-10: var(--scale-plum-10); --primitive-loss-11: var(--scale-plum-11); --primitive-loss-12: var(--scale-plum-12); --primitive-loss-a1: var(--scale-plum-a1); --primitive-loss-a2: var(--scale-plum-a2); --primitive-loss-a3: var(--scale-plum-a3); --primitive-loss-a4: var(--scale-plum-a4); --primitive-loss-a5: var(--scale-plum-a5); --primitive-loss-a6: var(--scale-plum-a6); --primitive-loss-a7: var(--scale-plum-a7); --primitive-loss-a8: var(--scale-plum-a8); --primitive-loss-a9: var(--scale-plum-a9); --primitive-loss-a10: var(--scale-plum-a10); --primitive-loss-a11: var(--scale-plum-a11); --primitive-loss-a12: var(--scale-plum-a12); --color-loss-track: var(--primitive-loss-1); --color-loss-element: var(--primitive-loss-3); --color-loss-hover: var(--primitive-loss-4); --color-loss-active: var(--primitive-loss-5); --color-loss-border: var(--primitive-loss-7); --color-loss-solid: var(--primitive-loss-9); --color-loss-solid-hover: var(--primitive-loss-10); --color-loss-text: var(--primitive-loss-11); --color-loss-contrast: var(--color-content-on-solid, var(--primitive-loss-12)); --color-loss-surface: var(--primitive-loss-a2); --color-loss-surface-hover: var(--primitive-loss-a3); --color-surface-default: var(--primitive-neutral-1); --color-surface-raised: var(--primitive-neutral-2); --color-surface-overlay: var(--primitive-neutral-4); --color-surface-muted: var(--primitive-neutral-3); --color-overlay: rgb(28 25 23 / 0.42); --color-content-primary: var(--primitive-neutral-12); --color-content-secondary: var(--primitive-neutral-11); --color-content-muted: var(--primitive-neutral-10); --color-content-disabled: var(--primitive-neutral-8); --color-content-on-solid: #ffffff; --color-content-on-solid-contrast: #1c1917; --color-border-subtle: var(--primitive-neutral-4); --color-border-default: var(--primitive-neutral-6); --color-border-strong: var(--primitive-neutral-8); --focus-ring-color: color-mix(in srgb, var(--primitive-primary-8) 48%, transparent); --focus-ring-color-error: color-mix(in srgb, var(--primitive-risk-8) 52%, transparent); --shadow-1: 0 1px 2px rgb(15 23 42 / 0.08); --shadow-2: 0 4px 12px rgb(15 23 42 / 0.10); --shadow-3: 0 8px 24px rgb(15 23 42 / 0.12); --shadow-4: 0 14px 36px rgb(15 23 42 / 0.15); --shadow-5: 0 18px 48px rgb(15 23 42 / 0.18); --shadow-6: 0 28px 72px rgb(15 23 42 / 0.22); --shadow-none: none; --shadow-subtle: var(--shadow-1); --shadow-raised: var(--shadow-3); --shadow-overlay: var(--shadow-5); } [data-theme='base-dark'], [data-theme='dark'] { --scale-gray-1: #111111; --scale-gray-1: oklch(0.1776 0 0); --scale-gray-2: #191919; --scale-gray-2: oklch(0.2134 0 0); --scale-gray-3: #222222; --scale-gray-3: oklch(0.252 0 0); --scale-gray-4: #2a2a2a; --scale-gray-4: oklch(0.285 0 0); --scale-gray-5: #313131; --scale-gray-5: oklch(0.3132 0 0); --scale-gray-6: #3a3a3a; --scale-gray-6: oklch(0.3485 0 0); --scale-gray-7: #484848; --scale-gray-7: oklch(0.4017 0 0); --scale-gray-8: #606060; --scale-gray-8: oklch(0.4891 0 0); --scale-gray-9: #6e6e6e; --scale-gray-9: oklch(0.5382 0 0); --scale-gray-10: #7b7b7b; --scale-gray-10: oklch(0.5829 0 0); --scale-gray-11: #b4b4b4; --scale-gray-11: oklch(0.7699 0 0); --scale-gray-12: #eeeeee; --scale-gray-12: oklch(0.9491 0 0); --scale-gray-a1: rgb(255 255 255 / 0.0667); --scale-gray-a2: rgb(255 255 255 / 0.098); --scale-gray-a3: rgb(255 255 255 / 0.1333); --scale-gray-a4: rgb(255 255 255 / 0.1647); --scale-gray-a5: rgb(255 255 255 / 0.1922); --scale-gray-a6: rgb(255 255 255 / 0.2275); --scale-gray-a7: rgb(255 255 255 / 0.2824); --scale-gray-a8: rgb(255 255 255 / 0.3765); --scale-gray-a9: rgb(255 255 255 / 0.4314); --scale-gray-a10: rgb(255 255 255 / 0.4824); --scale-gray-a11: rgb(255 255 255 / 0.7059); --scale-gray-a12: rgb(255 255 255 / 0.9333); --scale-slate-1: #111113; --scale-slate-1: oklch(0.1785 0.0041 285.98); --scale-slate-2: #18191b; --scale-slate-2: oklch(0.2132 0.0042 264.48); --scale-slate-3: #212225; --scale-slate-3: oklch(0.2521 0.0058 271.18); --scale-slate-4: #272a2d; --scale-slate-4: oklch(0.2832 0.007 248.07); --scale-slate-5: #2e3135; --scale-slate-5: oklch(0.3118 0.0083 255.56); --scale-slate-6: #363a3f; --scale-slate-6: oklch(0.3466 0.0103 253.97); --scale-slate-7: #43484e; --scale-slate-7: oklch(0.3993 0.0121 252.94); --scale-slate-8: #5a6169; --scale-slate-8: oklch(0.4893 0.0155 251.69); --scale-slate-9: #696e77; --scale-slate-9: oklch(0.537 0.0153 262.34); --scale-slate-10: #777b84; --scale-slate-10: oklch(0.5825 0.0145 266.63); --scale-slate-11: #b0b4ba; --scale-slate-11: oklch(0.7686 0.0096 258.34); --scale-slate-12: #edeef0; --scale-slate-12: oklch(0.9489 0.0029 264.54); --scale-slate-a1: rgb(228 228 255 / 0.0745); --scale-slate-a2: rgb(227 236 255 / 0.1059); --scale-slate-a3: rgb(227 234 255 / 0.1451); --scale-slate-a4: rgb(221 238 255 / 0.1765); --scale-slate-a5: rgb(221 236 255 / 0.2078); --scale-slate-a6: rgb(219 235 255 / 0.2471); --scale-slate-a7: rgb(219 235 255 / 0.3059); --scale-slate-a8: rgb(219 236 255 / 0.4118); --scale-slate-a9: rgb(225 236 255 / 0.4667); --scale-slate-a10: rgb(230 238 255 / 0.5176); --scale-slate-a11: rgb(241 247 255 / 0.7294); --scale-slate-a12: rgb(252 253 255 / 0.9412); --scale-blue-1: #0d1520; --scale-blue-1: oklch(0.1936 0.0255 256.49); --scale-blue-2: #111927; --scale-blue-2: oklch(0.2129 0.0303 261.25); --scale-blue-3: #0d2847; --scale-blue-3: oklch(0.2745 0.0663 253.93); --scale-blue-4: #003362; --scale-blue-4: oklch(0.3201 0.0968 252.35); --scale-blue-5: #004074; --scale-blue-5: oklch(0.3671 0.1059 250.7); --scale-blue-6: #104d87; --scale-blue-6: oklch(0.416 0.1133 252.01); --scale-blue-7: #205d9e; --scale-blue-7: oklch(0.4741 0.1219 253.09); --scale-blue-8: #2870bd; --scale-blue-8: oklch(0.5406 0.1395 253.17); --scale-blue-9: #0090ff; --scale-blue-9: oklch(0.6493 0.193 251.78); --scale-blue-10: #3b9eff; --scale-blue-10: oklch(0.6884 0.1693 251.4); --scale-blue-11: #70b8ff; --scale-blue-11: oklch(0.7642 0.1257 249.46); --scale-blue-12: #c2e6ff; --scale-blue-12: oklch(0.9071 0.051 238.45); --scale-blue-a1: rgb(104 167 255 / 0.1255); --scale-blue-a2: rgb(111 163 255 / 0.1529); --scale-blue-a3: rgb(47 144 255 / 0.2784); --scale-blue-a4: rgb(0 133 255 / 0.3843); --scale-blue-a5: rgb(0 141 255 / 0.4549); --scale-blue-a6: rgb(30 145 255 / 0.5294); --scale-blue-a7: rgb(52 150 255 / 0.6196); --scale-blue-a8: rgb(54 151 255 / 0.7412); --scale-blue-a9: rgb(0 144 255 / 1); --scale-blue-a10: rgb(59 158 255 / 1); --scale-blue-a11: rgb(112 184 255 / 1); --scale-blue-a12: rgb(194 230 255 / 1); --scale-cyan-1: #0b161a; --scale-cyan-1: oklch(0.1917 0.0178 222.83); --scale-cyan-2: #101b20; --scale-cyan-2: oklch(0.214 0.0186 227.95); --scale-cyan-3: #082c36; --scale-cyan-3: oklch(0.2733 0.0434 220.38); --scale-cyan-4: #003848; --scale-cyan-4: oklch(0.3164 0.0593 223.7); --scale-cyan-5: #004558; --scale-cyan-5: oklch(0.3626 0.068 223.74); --scale-cyan-6: #045468; --scale-cyan-6: oklch(0.4135 0.0747 221.5); --scale-cyan-7: #12677e; --scale-cyan-7: oklch(0.4777 0.0827 221.64); --scale-cyan-8: #11809c; --scale-cyan-8: oklch(0.5566 0.0985 221.11); --scale-cyan-9: #00a2c7; --scale-cyan-9: oklch(0.66 0.1217 221.74); --scale-cyan-10: #23afd0; --scale-cyan-10: oklch(0.6988 0.1195 218.86); --scale-cyan-11: #4ccce6; --scale-cyan-11: oklch(0.7854 0.1158 213.8); --scale-cyan-12: #b6ecf7; --scale-cyan-12: oklch(0.9095 0.0569 211.5); --scale-cyan-a1: rgb(108 216 255 / 0.102); --scale-cyan-a2: rgb(128 215 255 / 0.1255); --scale-cyan-a3: rgb(38 208 255 / 0.2118); --scale-cyan-a4: rgb(0 198 255 / 0.2824); --scale-cyan-a5: rgb(0 200 255 / 0.3451); --scale-cyan-a6: rgb(10 206 255 / 0.4078); --scale-cyan-a7: rgb(36 208 255 / 0.4941); --scale-cyan-a8: rgb(28 209 255 / 0.6118); --scale-cyan-a9: rgb(0 208 255 / 0.7804); --scale-cyan-a10: rgb(43 215 255 / 0.8157); --scale-cyan-a11: rgb(84 226 255 / 0.902); --scale-cyan-a12: rgb(188 244 255 / 0.9686); --scale-teal-1: #0d1514; --scale-teal-1: oklch(0.1872 0.0122 186.67); --scale-teal-2: #111c1b; --scale-teal-2: oklch(0.2155 0.0159 189); --scale-teal-3: #0d2d2a; --scale-teal-3: oklch(0.2725 0.0377 186.76); --scale-teal-4: #023b37; --scale-teal-4: oklch(0.3178 0.0543 187.27); --scale-teal-5: #084843; --scale-teal-5: oklch(0.3633 0.0601 186.64); --scale-teal-6: #145750; --scale-teal-6: oklch(0.4144 0.0655 184.75); --scale-teal-7: #1c6961; --scale-teal-7: oklch(0.4731 0.0737 184.95); --scale-teal-8: #207e73; --scale-teal-8: oklch(0.5374 0.0861 183.49); --scale-teal-9: #12a594; --scale-teal-9: oklch(0.6491 0.1136 181.96); --scale-teal-10: #0eb39e; --scale-teal-10: oklch(0.688 0.1228 180.31); --scale-teal-11: #0bd8b6; --scale-teal-11: oklch(0.7886 0.1467 175.73); --scale-teal-12: #adf0dd; --scale-teal-12: oklch(0.9051 0.0721 175.13); --scale-teal-a1: rgb(158 255 243 / 0.0824); --scale-teal-a2: rgb(155 255 246 / 0.1098); --scale-teal-a3: rgb(74 255 238 / 0.1765); --scale-teal-a4: rgb(9 255 238 / 0.2314); --scale-teal-a5: rgb(28 255 237 / 0.2824); --scale-teal-a6: rgb(59 255 234 / 0.3412); --scale-teal-a7: rgb(68 255 236 / 0.4118); --scale-teal-a8: rgb(65 255 233 / 0.4941); --scale-teal-a9: rgb(28 255 229 / 0.6471); --scale-teal-a10: rgb(20 255 225 / 0.702); --scale-teal-a11: rgb(13 255 215 / 0.8471); --scale-teal-a12: rgb(184 255 235 / 0.9412); --scale-green-1: #0e1512; --scale-green-1: oklch(0.1873 0.0123 167.01); --scale-green-2: #121b17; --scale-green-2: oklch(0.2117 0.0154 165.91); --scale-green-3: #132d21; --scale-green-3: oklch(0.2721 0.0396 162.17); --scale-green-4: #113b29; --scale-green-4: oklch(0.3173 0.0569 161.84); --scale-green-5: #174933; --scale-green-5: oklch(0.3649 0.066 161.23); --scale-green-6: #20573e; --scale-green-6: oklch(0.4124 0.0721 160.95); --scale-green-7: #28684a; --scale-green-7: oklch(0.467 0.0823 160.24); --scale-green-8: #2f7c57; --scale-green-8: oklch(0.528 0.0963 159.39); --scale-green-9: #30a46c; --scale-green-9: oklch(0.6406 0.1329 157.68); --scale-green-10: #33b074; --scale-green-10: oklch(0.6746 0.1406 157.7); --scale-green-11: #3dd68c; --scale-green-11: oklch(0.7794 0.1655 157.29); --scale-green-12: #b1f1cb; --scale-green-12: oklch(0.9048 0.083 158.18); --scale-green-a1: rgb(170 255 219 / 0.0824); --scale-green-a2: rgb(170 255 217 / 0.1059); --scale-green-a3: rgb(108 255 187 / 0.1765); --scale-green-a4: rgb(73 255 177 / 0.2314); --scale-green-a5: rgb(80 255 178 / 0.2863); --scale-green-a6: rgb(94 255 182 / 0.3412); --scale-green-a7: rgb(98 255 181 / 0.4078); --scale-green-a8: rgb(97 255 179 / 0.4863); --scale-green-a9: rgb(75 255 168 / 0.6431); --scale-green-a10: rgb(74 255 168 / 0.6902); --scale-green-a11: rgb(73 255 167 / 0.8392); --scale-green-a12: rgb(187 255 215 / 0.9451); --scale-yellow-1: #14120b; --scale-yellow-1: oklch(0.1821 0.0139 94.03); --scale-yellow-2: #1b180f; --scale-yellow-2: oklch(0.2095 0.0174 91.81); --scale-yellow-3: #2d2305; --scale-yellow-3: oklch(0.2609 0.0472 90.26); --scale-yellow-4: #362b00; --scale-yellow-4: oklch(0.2929 0.06 93.8); --scale-yellow-5: #433500; --scale-yellow-5: oklch(0.3346 0.0685 92.46); --scale-yellow-6: #524202; --scale-yellow-6: oklch(0.3849 0.0776 92.91); --scale-yellow-7: #665417; --scale-yellow-7: oklch(0.452 0.0809 91.97); --scale-yellow-8: #836a21; --scale-yellow-8: oklch(0.5349 0.0947 89.38); --scale-yellow-9: #ffe629; --scale-yellow-9: oklch(0.9176 0.1838 100.94); --scale-yellow-10: #ffff57; --scale-yellow-10: oklch(0.9711 0.1819 109.36); --scale-yellow-11: #f5e147; --scale-yellow-11: oklch(0.9001 0.1664 101.72); --scale-yellow-12: #f6eeb4; --scale-yellow-12: oklch(0.9415 0.0748 101.11); --scale-yellow-a1: rgb(255 230 140 / 0.0784); --scale-yellow-a2: rgb(255 227 142 / 0.1059); --scale-yellow-a3: rgb(255 198 28 / 0.1765); --scale-yellow-a4: rgb(255 203 0 / 0.2118); --scale-yellow-a5: rgb(255 202 0 / 0.2627); --scale-yellow-a6: rgb(255 205 6 / 0.3216); --scale-yellow-a7: rgb(255 210 58 / 0.4); --scale-yellow-a8: rgb(255 206 64 / 0.5137); --scale-yellow-a9: rgb(255 230 41 / 1); --scale-yellow-a10: rgb(255 255 87 / 1); --scale-yellow-a11: rgb(255 234 74 / 0.9608); --scale-yellow-a12: rgb(255 247 187 / 0.9647); --scale-amber-1: #16120c; --scale-amber-1: oklch(0.185 0.0134 77.8); --scale-amber-2: #1d180f; --scale-amber-2: oklch(0.212 0.0184 81.99); --scale-amber-3: #302008; --scale-amber-3: oklch(0.2578 0.0442 74.48); --scale-amber-4: #3f2700; --scale-amber-4: oklch(0.2955 0.0627 73.88); --scale-amber-5: #4d3000; --scale-amber-5: oklch(0.3363 0.0717 72.9); --scale-amber-6: #5c3d05; --scale-amber-6: oklch(0.3863 0.0784 75.25); --scale-amber-7: #714f19; --scale-amber-7: oklch(0.4542 0.0824 74.96); --scale-amber-8: #8f6424; --scale-amber-8: oklch(0.5364 0.0964 73.44); --scale-amber-9: #ffc53d; --scale-amber-9: oklch(0.8537 0.1572 84.13); --scale-amber-10: #ffd60a; --scale-amber-10: oklch(0.8849 0.1805 94.78); --scale-amber-11: #ffca16; --scale-amber-11: oklch(0.8617 0.173 89.02); --scale-amber-12: #ffe7b3; --scale-amber-12: oklch(0.9351 0.0717 86.07); --scale-amber-a1: rgb(255 209 139 / 0.0863); --scale-amber-a2: rgb(255 211 132 / 0.1137); --scale-amber-a3: rgb(255 170 43 / 0.1882); --scale-amber-a4: rgb(255 158 0 / 0.2471); --scale-amber-a5: rgb(255 159 0 / 0.302); --scale-amber-a6: rgb(255 169 14 / 0.3608); --scale-amber-a7: rgb(255 178 56 / 0.4431); --scale-amber-a8: rgb(255 178 64 / 0.5608); --scale-amber-a9: rgb(255 197 61 / 1); --scale-amber-a10: rgb(255 214 10 / 1); --scale-amber-a11: rgb(255 202 22 / 1); --scale-amber-a12: rgb(255 231 179 / 1); --scale-orange-1: #17120e; --scale-orange-1: oklch(0.1869 0.0114 60.68); --scale-orange-2: #1e160f; --scale-orange-2: oklch(0.2078 0.0185 62.72); --scale-orange-3: #331e0b; --scale-orange-3: oklch(0.2579 0.0447 60.79); --scale-orange-4: #462100; --scale-orange-4: oklch(0.2937 0.0713 56.7); --scale-orange-5: #562800; --scale-orange-5: oklch(0.3339 0.0833 54.38); --scale-orange-6: #66350c; --scale-orange-6: oklch(0.3849 0.0867 54.98); --scale-orange-7: #7e451d; --scale-orange-7: oklch(0.4523 0.0945 52.66); --scale-orange-8: #a35829; --scale-orange-8: oklch(0.5406 0.1156 50.05); --scale-orange-9: #f76b15; --scale-orange-9: oklch(0.6908 0.1909 45.02); --scale-orange-10: #ff801f; --scale-orange-10: oklch(0.7327 0.1818 50.86); --scale-orange-11: #ffa057; --scale-orange-11: oklch(0.7888 0.1434 56.21); --scale-orange-12: #ffe0c2; --scale-orange-12: oklch(0.9247 0.0524 66.17); --scale-orange-a1: rgb(255 200 155 / 0.0902); --scale-orange-a2: rgb(255 187 128 / 0.1176); --scale-orange-a3: rgb(255 150 55 / 0.2); --scale-orange-a4: rgb(255 120 0 / 0.2745); --scale-orange-a5: rgb(255 119 0 / 0.3373); --scale-orange-a6: rgb(255 133 30 / 0.4); --scale-orange-a7: rgb(255 140 59 / 0.4941); --scale-orange-a8: rgb(255 138 64 / 0.6392); --scale-orange-a9: rgb(255 110 22 / 0.9686); --scale-orange-a10: rgb(255 128 31 / 1); --scale-orange-a11: rgb(255 160 87 / 1); --scale-orange-a12: rgb(255 224 194 / 1); --scale-red-1: #191111; --scale-red-1: oklch(0.188 0.0135 18.42); --scale-red-2: #201314; --scale-red-2: oklch(0.2046 0.0217 14.06); --scale-red-3: #3b1219; --scale-red-3: oklch(0.251 0.0649 12.69); --scale-red-4: #500f1c; --scale-red-4: oklch(0.2893 0.0951 14.33); --scale-red-5: #611623; --scale-red-5: oklch(0.3321 0.1067 15.53); --scale-red-6: #72232d; --scale-red-6: oklch(0.3814 0.1108 16.8); --scale-red-7: #8c333a; --scale-red-7: oklch(0.4502 0.1211 18.77); --scale-red-8: #b54548; --scale-red-8: oklch(0.5436 0.1458 21.76); --scale-red-9: #e5484d; --scale-red-9: oklch(0.6256 0.1933 23.03); --scale-red-10: #ec5d5e; --scale-red-10: oklch(0.6634 0.1774 22.85); --scale-red-11: #ff9592; --scale-red-11: oklch(0.7804 0.1281 22.14); --scale-red-12: #ffd1d9; --scale-red-12: oklch(0.9024 0.0527 6.45); --scale-red-a1: rgb(255 173 173 / 0.098); --scale-red-a2: rgb(255 151 159 / 0.1255); --scale-red-a3: rgb(255 78 108 / 0.2314); --scale-red-a4: rgb(255 48 89 / 0.3137); --scale-red-a5: rgb(255 58 92 / 0.3804); --scale-red-a6: rgb(255 78 101 / 0.4471); --scale-red-a7: rgb(255 93 106 / 0.549); --scale-red-a8: rgb(255 97 101 / 0.7098); --scale-red-a9: rgb(255 80 86 / 0.898); --scale-red-a10: rgb(255 100 102 / 0.9255); --scale-red-a11: rgb(255 149 146 / 1); --scale-red-a12: rgb(255 209 217 / 1); --scale-pink-1: #191117; --scale-pink-1: oklch(0.1906 0.0175 335.35); --scale-pink-2: #21121d; --scale-pink-2: oklch(0.2076 0.0316 337); --scale-pink-3: #37172f; --scale-pink-3: oklch(0.2616 0.0625 337.59); --scale-pink-4: #4b143d; --scale-pink-4: oklch(0.2986 0.0981 339.42); --scale-pink-5: #591c47; --scale-pink-5: oklch(0.338 0.1047 341.18); --scale-pink-6: #692955; --scale-pink-6: oklch(0.3884 0.1075 341.41); --scale-pink-7: #833869; --scale-pink-7: oklch(0.4583 0.1197 342.9); --scale-pink-8: #a84885; --scale-pink-8: oklch(0.5462 0.1449 343.97); --scale-pink-9: #d6409f; --scale-pink-9: oklch(0.6168 0.2076 346); --scale-pink-10: #de51a8; --scale-pink-10: oklch(0.6495 0.197 345.96); --scale-pink-11: #ff8dcc; --scale-pink-11: oklch(0.7846 0.155 346.97); --scale-pink-12: #fdd1ea; --scale-pink-12: oklch(0.9055 0.0588 343.22); --scale-pink-a1: rgb(255 173 235 / 0.098); --scale-pink-a2: rgb(255 139 224 / 0.1294); --scale-pink-a3: rgb(255 107 218 / 0.2157); --scale-pink-a4: rgb(255 68 207 / 0.2941); --scale-pink-a5: rgb(255 80 203 / 0.349); --scale-pink-a6: rgb(255 100 206 / 0.4118); --scale-pink-a7: rgb(255 109 204 / 0.5137); --scale-pink-a8: rgb(255 109 202 / 0.6588); --scale-pink-a9: rgb(255 76 189 / 0.8392); --scale-pink-a10: rgb(255 93 193 / 0.8706); --scale-pink-a11: rgb(255 141 204 / 1); --scale-pink-a12: rgb(255 211 236 / 0.9922); --scale-purple-1: #18111b; --scale-purple-1: oklch(0.1913 0.0225 315.59); --scale-purple-2: #1e1523; --scale-purple-2: oklch(0.2137 0.0299 313.13); --scale-purple-3: #301c3b; --scale-purple-3: oklch(0.2677 0.0612 312.61); --scale-purple-4: #3d224e; --scale-purple-4: oklch(0.3088 0.0818 310.8); --scale-purple-5: #48295c; --scale-purple-5: oklch(0.3447 0.092 310.5); --scale-purple-6: #54346b; --scale-purple-6: oklch(0.3887 0.0964 309.45); --scale-purple-7: #664282; --scale-purple-7: oklch(0.4486 0.1079 308.61); --scale-purple-8: #8457aa; --scale-purple-8: oklch(0.5412 0.1326 307.57); --scale-purple-9: #8e4ec6; --scale-purple-9: oklch(0.5556 0.1829 305.86); --scale-purple-10: #9a5cd0; --scale-purple-10: oklch(0.5955 0.1768 306.45); --scale-purple-11: #d19dff; --scale-purple-11: oklch(0.7807 0.1452 307.74); --scale-purple-12: #ecd9fa; --scale-purple-12: oklch(0.9107 0.0487 310.99); --scale-purple-a1: rgb(227 161 255 / 0.1059); --scale-purple-a2: rgb(219 153 255 / 0.1373); --scale-purple-a3: rgb(207 121 255 / 0.2314); --scale-purple-a4: rgb(199 111 255 / 0.3059); --scale-purple-a5: rgb(200 114 255 / 0.3608); --scale-purple-a6: rgb(200 124 255 / 0.4196); --scale-purple-a7: rgb(200 129 255 / 0.5098); --scale-purple-a8: rgb(198 131 255 / 0.6667); --scale-purple-a9: rgb(183 100 255 / 0.7765); --scale-purple-a10: rgb(189 113 255 / 0.8157); --scale-purple-a11: rgb(209 157 255 / 1); --scale-purple-a12: rgb(241 221 255 / 0.9804); --scale-mauve-1: #121113; --scale-mauve-1: oklch(0.1797 0.0043 308.19); --scale-mauve-2: #1a191b; --scale-mauve-2: oklch(0.2154 0.0041 308.25); --scale-mauve-3: #232225; --scale-mauve-3: oklch(0.2543 0.0057 301.13); --scale-mauve-4: #2b292d; --scale-mauve-4: oklch(0.2846 0.0077 308.16); --scale-mauve-5: #323035; --scale-mauve-5: oklch(0.3132 0.0092 303.92); --scale-mauve-6: #3c393f; --scale-mauve-6: oklch(0.3499 0.011 308.11); --scale-mauve-7: #49474e; --scale-mauve-7: oklch(0.4024 0.0119 298.9); --scale-mauve-8: #625f69; --scale-mauve-8: oklch(0.4917 0.0162 299.48); --scale-mauve-9: #6f6d78; --scale-mauve-9: oklch(0.5403 0.0171 294.16); --scale-mauve-10: #7c7a85; --scale-mauve-10: oklch(0.5849 0.0168 294.22); --scale-mauve-11: #b5b2bc; --scale-mauve-11: oklch(0.7691 0.0144 299.72); --scale-mauve-12: #eeeef0; --scale-mauve-12: oklch(0.9497 0.0027 286.35); --scale-mauve-a1: rgb(242 228 255 / 0.0745); --scale-mauve-a2: rgb(246 236 255 / 0.1059); --scale-mauve-a3: rgb(241 234 255 / 0.1451); --scale-mauve-a4: rgb(244 232 255 / 0.1765); --scale-mauve-a5: rgb(241 231 255 / 0.2078); --scale-mauve-a6: rgb(243 231 255 / 0.2471); --scale-mauve-a7: rgb(239 232 255 / 0.3059); --scale-mauve-a8: rgb(238 231 255 / 0.4118); --scale-mauve-a9: rgb(236 232 255 / 0.4706); --scale-mauve-a10: rgb(238 234 255 / 0.5216); --scale-mauve-a11: rgb(246 241 255 / 0.7373); --scale-mauve-a12: rgb(253 253 255 / 0.9412); --scale-sage-1: #101211; --scale-sage-1: oklch(0.1795 0.0038 164.58); --scale-sage-2: #171918; --scale-sage-2: oklch(0.2108 0.0036 164.68); --scale-sage-3: #202221; --scale-sage-3: oklch(0.2495 0.0035 164.77); --scale-sage-4: #272a29; --scale-sage-4: oklch(0.2816 0.0047 174.1); --scale-sage-5: #2e3130; --scale-sage-5: oklch(0.3098 0.0046 174.15); --scale-sage-6: #373b39; --scale-sage-6: oklch(0.3478 0.0064 164.65); --scale-sage-7: #444947; --scale-sage-7: oklch(0.4001 0.0073 170.09); --scale-sage-8: #5b625f; --scale-sage-8: oklch(0.489 0.0099 168.42); --scale-sage-9: #63706b; --scale-sage-9: oklch(0.5327 0.0175 170.54); --scale-sage-10: #717d79; --scale-sage-10: oklch(0.5785 0.0155 173.79); --scale-sage-11: #adb5b2; --scale-sage-11: oklch(0.7659 0.0099 171.7); --scale-sage-12: #eceeed; --scale-sage-12: oklch(0.9473 0.0025 165.07); --scale-sage-a1: rgb(227 255 241 / 0.0706); --scale-sage-a2: rgb(235 255 245 / 0.098); --scale-sage-a3: rgb(240 255 248 / 0.1333); --scale-sage-a4: rgb(237 255 249 / 0.1647); --scale-sage-a5: rgb(239 255 250 / 0.1922); --scale-sage-a6: rgb(238 255 246 / 0.2314); --scale-sage-a7: rgb(238 255 248 / 0.2863); --scale-sage-a8: rgb(237 255 247 / 0.3843); --scale-sage-a9: rgb(225 255 244 / 0.4392); --scale-sage-a10: rgb(231 255 247 / 0.4902); --scale-sage-a11: rgb(244 255 251 / 0.7098); --scale-sage-a12: rgb(253 255 254 / 0.9333); --scale-olive-1: #111210; --scale-olive-1: oklch(0.1802 0.0043 128.73); --scale-olive-2: #181917; --scale-olive-2: oklch(0.2115 0.0042 128.68); --scale-olive-3: #212220; --scale-olive-3: oklch(0.2501 0.004 128.64); --scale-olive-4: #282a27; --scale-olive-4: oklch(0.2819 0.0061 134.94); --scale-olive-5: #2f312e; --scale-olive-5: oklch(0.3101 0.006 134.92); --scale-olive-6: #383a36; --scale-olive-6: oklch(0.3451 0.0073 128.7); --scale-olive-7: #454843; --scale-olive-7: oklch(0.3972 0.0091 132.53); --scale-olive-8: #5c625b; --scale-olive-8: oklch(0.4886 0.0133 141.23); --scale-olive-9: #687066; --scale-olive-9: oklch(0.5352 0.0181 139.44); --scale-olive-10: #767d74; --scale-olive-10: oklch(0.581 0.0159 138.72); --scale-olive-11: #afb5ad; --scale-olive-11: oklch(0.766 0.013 137.79); --scale-olive-12: #eceeec; --scale-olive-12: oklch(0.947 0.0034 145.55); --scale-olive-a1: rgb(241 255 227 / 0.0706); --scale-olive-a2: rgb(245 255 235 / 0.098); --scale-olive-a3: rgb(248 255 240 / 0.1333); --scale-olive-a4: rgb(243 255 237 / 0.1647); --scale-olive-a5: rgb(245 255 239 / 0.1922); --scale-olive-a6: rgb(246 255 237 / 0.2275); --scale-olive-a7: rgb(244 255 237 / 0.2824); --scale-olive-a8: rgb(239 255 237 / 0.3843); --scale-olive-a9: rgb(237 255 232 / 0.4392); --scale-olive-a10: rgb(241 255 237 / 0.4902); --scale-olive-a11: rgb(247 255 244 / 0.7098); --scale-olive-a12: rgb(253 255 253 / 0.9333); --scale-sand-1: #111110; --scale-sand-1: oklch(0.1772 0.002 106.6); --scale-sand-2: #191918; --scale-sand-2: oklch(0.213 0.0019 106.56); --scale-sand-3: #222221; --scale-sand-3: oklch(0.2516 0.0019 106.53); --scale-sand-4: #2a2a28; --scale-sand-4: oklch(0.2843 0.0036 106.63); --scale-sand-5: #31312e; --scale-sand-5: oklch(0.3121 0.0052 106.7); --scale-sand-6: #3b3a37; --scale-sand-6: oklch(0.3484 0.0053 91.54); --scale-sand-7: #494844; --scale-sand-7: oklch(0.4013 0.0067 95.22); --scale-sand-8: #62605b; --scale-sand-8: oklch(0.4893 0.0082 88.7); --scale-sand-9: #6f6d66; --scale-sand-9: oklch(0.5344 0.011 93.67); --scale-sand-10: #7c7b74; --scale-sand-10: oklch(0.5816 0.0106 100.11); --scale-sand-11: #b5b3ad; --scale-sand-11: oklch(0.7666 0.0087 91.51); --scale-sand-12: #eeeeec; --scale-sand-12: oklch(0.9486 0.0027 106.45); --scale-sand-a1: rgb(255 255 240 / 0.0667); --scale-sand-a2: rgb(255 255 245 / 0.098); --scale-sand-a3: rgb(255 255 248 / 0.1333); --scale-sand-a4: rgb(255 255 243 / 0.1647); --scale-sand-a5: rgb(255 255 239 / 0.1922); --scale-sand-a6: rgb(255 251 238 / 0.2314); --scale-sand-a7: rgb(255 252 238 / 0.2863); --scale-sand-a8: rgb(255 250 237 / 0.3843); --scale-sand-a9: rgb(255 250 234 / 0.4353); --scale-sand-a10: rgb(255 253 239 / 0.4863); --scale-sand-a11: rgb(255 252 244 / 0.7098); --scale-sand-a12: rgb(255 255 253 / 0.9333); --scale-tomato-1: #181111; --scale-tomato-1: oklch(0.1866 0.0117 18.26); --scale-tomato-2: #1f1513; --scale-tomato-2: oklch(0.2078 0.017 31.43); --scale-tomato-3: #391714; --scale-tomato-3: oklch(0.2547 0.0548 26.76); --scale-tomato-4: #4e1511; --scale-tomato-4: oklch(0.2902 0.0866 27.76); --scale-tomato-5: #5e1c16; --scale-tomato-5: oklch(0.3311 0.0975 28.63); --scale-tomato-6: #6e2920; --scale-tomato-6: oklch(0.38 0.1003 29.9); --scale-tomato-7: #853a2d; --scale-tomato-7: oklch(0.4464 0.1063 31.61); --scale-tomato-8: #ac4d39; --scale-tomato-8: oklch(0.5381 0.1294 33.41); --scale-tomato-9: #e54d2e; --scale-tomato-9: oklch(0.6271 0.1936 33.34); --scale-tomato-10: #ec6142; --scale-tomato-10: oklch(0.6643 0.1786 34.09); --scale-tomato-11: #ff977d; --scale-tomato-11: oklch(0.7794 0.131 34.91); --scale-tomato-12: #fbd3cb; --scale-tomato-12: oklch(0.8987 0.0465 31.23); --scale-tomato-a1: rgb(255 181 181 / 0.0941); --scale-tomato-a2: rgb(255 173 156 / 0.1216); --scale-tomato-a3: rgb(255 103 89 / 0.2235); --scale-tomato-a4: rgb(255 69 56 / 0.3059); --scale-tomato-a5: rgb(255 76 60 / 0.3686); --scale-tomato-a6: rgb(255 95 74 / 0.4314); --scale-tomato-a7: rgb(255 111 86 / 0.5216); --scale-tomato-a8: rgb(255 114 85 / 0.6745); --scale-tomato-a9: rgb(255 86 51 / 0.898); --scale-tomato-a10: rgb(255 105 71 / 0.9255); --scale-tomato-a11: rgb(255 151 125 / 1); --scale-tomato-a12: rgb(255 214 206 / 0.9843); --scale-ruby-1: #191113; --scale-ruby-1: oklch(0.1888 0.0139 1.87); --scale-ruby-2: #1e1517; --scale-ruby-2: oklch(0.2079 0.0151 3.65); --scale-ruby-3: #3a141e; --scale-ruby-3: oklch(0.2541 0.0612 6.05); --scale-ruby-4: #4e1325; --scale-ruby-4: oklch(0.2925 0.0892 6.07); --scale-ruby-5: #5e1a2e; --scale-ruby-5: oklch(0.3341 0.0997 6.48); --scale-ruby-6: #6f2539; --scale-ruby-6: oklch(0.382 0.1059 7.06); --scale-ruby-7: #883447; --scale-ruby-7: oklch(0.4482 0.1158 9.12); --scale-ruby-8: #b3445a; --scale-ruby-8: oklch(0.5432 0.1448 11.27); --scale-ruby-9: #e54666; --scale-ruby-9: oklch(0.6284 0.1949 13.15); --scale-ruby-10: #ec5a72; --scale-ruby-10: oklch(0.6639 0.1803 13.63); --scale-ruby-11: #ff949d; --scale-ruby-11: oklch(0.7814 0.1289 15.1); --scale-ruby-12: #fed2e1; --scale-ruby-12: oklch(0.9055 0.0528 355.75); --scale-ruby-a1: rgb(255 173 194 / 0.098); --scale-ruby-a2: rgb(255 179 196 / 0.1176); --scale-ruby-a3: rgb(255 88 132 / 0.2275); --scale-ruby-a4: rgb(255 62 121 / 0.3059); --scale-ruby-a5: rgb(255 71 125 / 0.3686); --scale-ruby-a6: rgb(255 85 131 / 0.4353); --scale-ruby-a7: rgb(255 98 133 / 0.5333); --scale-ruby-a8: rgb(255 97 128 / 0.702); --scale-ruby-a9: rgb(255 78 114 / 0.898); --scale-ruby-a10: rgb(255 97 123 / 0.9255); --scale-ruby-a11: rgb(255 148 157 / 1); --scale-ruby-a12: rgb(255 211 226 / 0.9961); --scale-crimson-1: #191114; --scale-crimson-1: oklch(0.1893 0.0145 354.17); --scale-crimson-2: #201318; --scale-crimson-2: oklch(0.2062 0.0232 354.54); --scale-crimson-3: #381525; --scale-crimson-3: oklch(0.255 0.0598 353.51); --scale-crimson-4: #4d122f; --scale-crimson-4: oklch(0.2932 0.0935 354.29); --scale-crimson-5: #5c1839; --scale-crimson-5: oklch(0.332 0.1045 354.53); --scale-crimson-6: #6d2545; --scale-crimson-6: oklch(0.3826 0.1079 355.87); --scale-crimson-7: #873356; --scale-crimson-7: oklch(0.4501 0.1207 357.14); --scale-crimson-8: #b0436e; --scale-crimson-8: oklch(0.5431 0.1479 358.72); --scale-crimson-9: #e93d82; --scale-crimson-9: oklch(0.6341 0.213 1.28); --scale-crimson-10: #ee518a; --scale-crimson-10: oklch(0.6631 0.1974 1.85); --scale-crimson-11: #ff92ad; --scale-crimson-11: oklch(0.7825 0.1338 4.74); --scale-crimson-12: #fdd3e8; --scale-crimson-12: oklch(0.9085 0.0541 346.63); --scale-crimson-a1: rgb(255 173 204 / 0.098); --scale-crimson-a2: rgb(255 151 191 / 0.1255); --scale-crimson-a3: rgb(255 96 168 / 0.2196); --scale-crimson-a4: rgb(255 60 156 / 0.302); --scale-crimson-a5: rgb(255 67 158 / 0.3608); --scale-crimson-a6: rgb(255 87 161 / 0.4275); --scale-crimson-a7: rgb(255 96 162 / 0.5294); --scale-crimson-a8: rgb(255 97 159 / 0.6902); --scale-crimson-a9: rgb(255 67 142 / 0.9137); --scale-crimson-a10: rgb(255 87 148 / 0.9333); --scale-crimson-a11: rgb(255 146 173 / 1); --scale-crimson-a12: rgb(255 213 234 / 0.9922); --scale-plum-1: #181118; --scale-plum-1: oklch(0.1897 0.0177 326.25); --scale-plum-2: #201320; --scale-plum-2: oklch(0.21 0.0318 326.64); --scale-plum-3: #351a35; --scale-plum-3: oklch(0.2673 0.0609 327.11); --scale-plum-4: #451d47; --scale-plum-4: oklch(0.3072 0.0874 325.61); --scale-plum-5: #512454; --scale-plum-5: oklch(0.3438 0.0967 325.02); --scale-plum-6: #5e3061; --scale-plum-6: oklch(0.389 0.0972 324.96); --scale-plum-7: #734079; --scale-plum-7: oklch(0.456 0.1074 323.21); --scale-plum-8: #92549c; --scale-plum-8: oklch(0.545 0.1281 321.88); --scale-plum-9: #ab4aba; --scale-plum-9: oklch(0.5787 0.1877 322.11); --scale-plum-10: #b658c4; --scale-plum-10: oklch(0.6162 0.1818 322.3); --scale-plum-11: #e796f3; --scale-plum-11: oklch(0.7861 0.1536 322.22); --scale-plum-12: #f4d4f4; --scale-plum-12: oklch(0.9061 0.055 326.02); --scale-plum-a1: rgb(255 181 255 / 0.0941); --scale-plum-a2: rgb(255 151 255 / 0.1255); --scale-plum-a3: rgb(255 125 255 / 0.2078); --scale-plum-a4: rgb(248 104 255 / 0.2784); --scale-plum-a5: rgb(246 109 255 / 0.3294); --scale-plum-a6: rgb(247 126 255 / 0.3804); --scale-plum-a7: rgb(242 135 255 / 0.4745); --scale-plum-a8: rgb(239 137 255 / 0.6118); --scale-plum-a9: rgb(234 101 255 / 0.7294); --scale-plum-a10: rgb(237 114 255 / 0.7686); --scale-plum-a11: rgb(242 157 255 / 0.9529); --scale-plum-a12: rgb(255 222 255 / 0.9569); --scale-violet-1: #14121f; --scale-violet-1: oklch(0.1914 0.0261 290.76); --scale-violet-2: #1b1525; --scale-violet-2: oklch(0.2111 0.032 300.93); --scale-violet-3: #291f43; --scale-violet-3: oklch(0.2707 0.0655 294.41); --scale-violet-4: #33255b; --scale-violet-4: oklch(0.3118 0.093 292.08); --scale-violet-5: #3c2e69; --scale-violet-5: oklch(0.3492 0.0991 291.33); --scale-violet-6: #473876; --scale-violet-6: oklch(0.3889 0.1021 292.12); --scale-violet-7: #56468b; --scale-violet-7: oklch(0.4445 0.1103 291.97); --scale-violet-8: #6958ad; --scale-violet-8: oklch(0.5177 0.1305 290.29); --scale-violet-9: #6e56cf; --scale-violet-9: oklch(0.5417 0.179 288.03); --scale-violet-10: #7d66d9; --scale-violet-10: oklch(0.5886 0.1692 289.35); --scale-violet-11: #baa7ff; --scale-violet-11: oklch(0.7778 0.1246 293.19); --scale-violet-12: #e2ddfe; --scale-violet-12: oklch(0.9117 0.045 292.44); --scale-violet-a1: rgb(165 148 255 / 0.1216); --scale-violet-a2: rgb(186 145 255 / 0.1451); --scale-violet-a3: rgb(156 118 255 / 0.2627); --scale-violet-a4: rgb(143 104 255 / 0.3569); --scale-violet-a5: rgb(146 112 255 / 0.4118); --scale-violet-a6: rgb(153 121 255 / 0.4627); --scale-violet-a7: rgb(158 128 255 / 0.5451); --scale-violet-a8: rgb(155 130 255 / 0.6784); --scale-violet-a9: rgb(136 106 255 / 0.8118); --scale-violet-a10: rgb(147 120 255 / 0.851); --scale-violet-a11: rgb(186 167 255 / 1); --scale-violet-a12: rgb(227 222 255 / 0.9961); --scale-iris-1: #13131e; --scale-iris-1: oklch(0.1924 0.0221 284.13); --scale-iris-2: #171625; --scale-iris-2: oklch(0.2091 0.0295 286.61); --scale-iris-3: #202248; --scale-iris-3: oklch(0.2722 0.0694 278.46); --scale-iris-4: #262a65; --scale-iris-4: oklch(0.3181 0.1023 275.99); --scale-iris-5: #303374; --scale-iris-5: oklch(0.3568 0.1095 277.31); --scale-iris-6: #3d3e82; --scale-iris-6: oklch(0.4004 0.1117 279.45); --scale-iris-7: #4a4a95; --scale-iris-7: oklch(0.4485 0.1199 280.42); --scale-iris-8: #5958b1; --scale-iris-8: oklch(0.5068 0.1377 280.8); --scale-iris-9: #5b5bd6; --scale-iris-9: oklch(0.5403 0.1841 278.28); --scale-iris-10: #6e6ade; --scale-iris-10: oklch(0.5868 0.1717 281.26); --scale-iris-11: #b1a9ff; --scale-iris-11: oklch(0.7743 0.1215 287.46); --scale-iris-12: #e0dffe; --scale-iris-12: oklch(0.914 0.042 287.02); --scale-iris-a1: rgb(162 162 255 / 0.1176); --scale-iris-a2: rgb(159 152 255 / 0.1451); --scale-iris-a3: rgb(113 120 255 / 0.2824); --scale-iris-a4: rgb(96 106 255 / 0.3961); --scale-iris-a5: rgb(106 112 255 / 0.4549); --scale-iris-a6: rgb(120 122 255 / 0.5098); --scale-iris-a7: rgb(127 127 255 / 0.5843); --scale-iris-a8: rgb(128 127 255 / 0.6941); --scale-iris-a9: rgb(108 108 255 / 0.8392); --scale-iris-a10: rgb(126 122 255 / 0.8706); --scale-iris-a11: rgb(177 169 255 / 1); --scale-iris-a12: rgb(225 224 255 / 0.9961); --scale-indigo-1: #11131f; --scale-indigo-1: oklch(0.1909 0.0246 276.53); --scale-indigo-2: #141726; --scale-indigo-2: oklch(0.2094 0.0302 274.84); --scale-indigo-3: #182449; --scale-indigo-3: oklch(0.2716 0.0705 267.98); --scale-indigo-4: #1d2e62; --scale-indigo-4: oklch(0.3185 0.0946 267.25); --scale-indigo-5: #253974; --scale-indigo-5: oklch(0.3625 0.1044 267.03); --scale-indigo-6: #304384; --scale-indigo-6: oklch(0.4033 0.1112 268.76); --scale-indigo-7: #3a4f97; --scale-indigo-7: oklch(0.4491 0.1201 268.94); --scale-indigo-8: #435db1; --scale-indigo-8: oklch(0.5021 0.1366 268.25); --scale-indigo-9: #3e63dd; --scale-indigo-9: oklch(0.5438 0.191 267.01); --scale-indigo-10: #5472e4; --scale-indigo-10: oklch(0.5891 0.1758 269.3); --scale-indigo-11: #9eb1ff; --scale-indigo-11: oklch(0.7759 0.1138 273.02); --scale-indigo-12: #d6e1ff; --scale-indigo-12: oklch(0.9108 0.0427 269.55); --scale-indigo-a1: rgb(140 156 255 / 0.1216); --scale-indigo-a2: rgb(134 154 255 / 0.149); --scale-indigo-a3: rgb(84 126 255 / 0.2863); --scale-indigo-a4: rgb(75 120 255 / 0.3843); --scale-indigo-a5: rgb(81 125 255 / 0.4549); --scale-indigo-a6: rgb(93 129 255 / 0.5176); --scale-indigo-a7: rgb(98 133 255 / 0.5922); --scale-indigo-a8: rgb(97 134 255 / 0.6941); --scale-indigo-a9: rgb(72 114 255 / 0.8667); --scale-indigo-a10: rgb(94 128 255 / 0.8941); --scale-indigo-a11: rgb(158 177 255 / 1); --scale-indigo-a12: rgb(214 225 255 / 1); --scale-jade-1: #0d1512; --scale-jade-1: oklch(0.1864 0.0135 169.78); --scale-jade-2: #121c18; --scale-jade-2: oklch(0.2151 0.0165 168.2); --scale-jade-3: #0f2e22; --scale-jade-3: oklch(0.2736 0.0434 165.19); --scale-jade-4: #0b3b2c; --scale-jade-4: oklch(0.3162 0.0572 167.62); --scale-jade-5: #114837; --scale-jade-5: oklch(0.3612 0.0639 168.17); --scale-jade-6: #1b5745; --scale-jade-6: oklch(0.4127 0.0687 169.57); --scale-jade-7: #246854; --scale-jade-7: oklch(0.4684 0.0758 170.27); --scale-jade-8: #2a7e68; --scale-jade-8: oklch(0.5365 0.0875 172.23); --scale-jade-9: #29a383; --scale-jade-9: oklch(0.6422 0.115 170.73); --scale-jade-10: #27b08b; --scale-jade-10: oklch(0.6777 0.1256 169.57); --scale-jade-11: #1fd8a4; --scale-jade-11: oklch(0.7852 0.1559 167.11); --scale-jade-12: #adf0d4; --scale-jade-12: oklch(0.9027 0.0776 166.88); --scale-jade-a1: rgb(158 255 219 / 0.0824); --scale-jade-a2: rgb(164 255 219 / 0.1098); --scale-jade-a3: rgb(83 255 188 / 0.1804); --scale-jade-a4: rgb(48 255 190 / 0.2314); --scale-jade-a5: rgb(60 255 195 / 0.2824); --scale-jade-a6: rgb(79 255 202 / 0.3412); --scale-jade-a7: rgb(88 255 206 / 0.4078); --scale-jade-a8: rgb(85 255 210 / 0.4941); --scale-jade-a9: rgb(64 255 205 / 0.6392); --scale-jade-a10: rgb(57 255 201 / 0.6902); --scale-jade-a11: rgb(37 255 194 / 0.8471); --scale-jade-a12: rgb(184 255 225 / 0.9412); --scale-grass-1: #0e1511; --scale-grass-1: oklch(0.1869 0.0134 159.73); --scale-grass-2: #141a15; --scale-grass-2: oklch(0.2097 0.0133 149.92); --scale-grass-3: #1b2a1e; --scale-grass-3: oklch(0.2673 0.0301 150.16); --scale-grass-4: #1d3a24; --scale-grass-4: oklch(0.3186 0.0527 150.3); --scale-grass-5: #25482d; --scale-grass-5: oklch(0.3668 0.0619 149.85); --scale-grass-6: #2d5736; --scale-grass-6: oklch(0.4164 0.0724 149.33); --scale-grass-7: #366740; --scale-grass-7: oklch(0.468 0.0826 148.99); --scale-grass-8: #3e7949; --scale-grass-8: oklch(0.5229 0.0973 148.32); --scale-grass-9: #46a758; --scale-grass-9: oklch(0.6512 0.1468 147.39); --scale-grass-10: #53b365; --scale-grass-10: oklch(0.6894 0.145 147.8); --scale-grass-11: #71d083; --scale-grass-11: oklch(0.7797 0.1419 148.48); --scale-grass-12: #c2f0c2; --scale-grass-12: oklch(0.9109 0.0781 144.9); --scale-grass-a1: rgb(170 255 206 / 0.0824); --scale-grass-a2: rgb(196 255 206 / 0.102); --scale-grass-a3: rgb(164 255 182 / 0.1647); --scale-grass-a4: rgb(128 255 158 / 0.2275); --scale-grass-a5: rgb(131 255 159 / 0.2824); --scale-grass-a6: rgb(132 255 158 / 0.3412); --scale-grass-a7: rgb(134 255 158 / 0.4039); --scale-grass-a8: rgb(131 255 154 / 0.4745); --scale-grass-a9: rgb(107 255 134 / 0.6549); --scale-grass-a10: rgb(118 255 144 / 0.702); --scale-grass-a11: rgb(139 255 161 / 0.8157); --scale-grass-a12: rgb(206 255 206 / 0.9412); --scale-brown-1: #12110f; --scale-brown-1: oklch(0.178 0.0043 84.59); --scale-brown-2: #1c1816; --scale-brown-2: oklch(0.213 0.0075 48.35); --scale-brown-3: #28211d; --scale-brown-3: oklch(0.2544 0.0131 51.58); --scale-brown-4: #322922; --scale-brown-4: oklch(0.2887 0.0182 59.85); --scale-brown-5: #3e3128; --scale-brown-5: oklch(0.3247 0.0244 56.41); --scale-brown-6: #4d3c2f; --scale-brown-6: oklch(0.3708 0.0321 58.97); --scale-brown-7: #614a39; --scale-brown-7: oklch(0.4288 0.0412 57.84); --scale-brown-8: #7c5f46; --scale-brown-8: oklch(0.5085 0.053 61.96); --scale-brown-9: #ad7f58; --scale-brown-9: oklch(0.6329 0.0785 60.98); --scale-brown-10: #b88c67; --scale-brown-10: oklch(0.6733 0.074 61.13); --scale-brown-11: #dbb594; --scale-brown-11: oklch(0.7984 0.0627 62.71); --scale-brown-12: #f2e1ca; --scale-brown-12: oklch(0.9174 0.0358 75.54); --scale-brown-a1: rgb(255 241 213 / 0.0706); --scale-brown-a2: rgb(255 219 200 / 0.1098); --scale-brown-a3: rgb(255 210 185 / 0.1569); --scale-brown-a4: rgb(255 209 173 / 0.1961); --scale-brown-a5: rgb(255 202 165 / 0.2431); --scale-brown-a6: rgb(255 199 156 / 0.302); --scale-brown-a7: rgb(255 195 150 / 0.3804); --scale-brown-a8: rgb(255 195 144 / 0.4863); --scale-brown-a9: rgb(255 187 130 / 0.6784); --scale-brown-a10: rgb(255 194 143 / 0.7216); --scale-brown-a11: rgb(255 211 172 / 0.8588); --scale-brown-a12: rgb(255 237 213 / 0.949); --scale-sky-1: #0d141f; --scale-sky-1: oklch(0.19 0.025 259.24); --scale-sky-2: #111a27; --scale-sky-2: oklch(0.2158 0.029 257.53); --scale-sky-3: #112840; --scale-sky-3: oklch(0.2714 0.0535 251.29); --scale-sky-4: #113555; --scale-sky-4: oklch(0.3208 0.0703 248.74); --scale-sky-5: #154467; --scale-sky-5: oklch(0.3734 0.0782 244.92); --scale-sky-6: #1b537b; --scale-sky-6: oklch(0.4262 0.0878 243.92); --scale-sky-7: #1f6692; --scale-sky-7: oklch(0.4884 0.0982 240.81); --scale-sky-8: #197cae; --scale-sky-8: oklch(0.5568 0.1145 237.44); --scale-sky-9: #7ce2fe; --scale-sky-9: oklch(0.8611 0.1027 217.8); --scale-sky-10: #a8eeff; --scale-sky-10: oklch(0.9085 0.0732 214.51); --scale-sky-11: #75c7f0; --scale-sky-11: oklch(0.7927 0.0991 231.61); --scale-sky-12: #c2f3ff; --scale-sky-12: oklch(0.934 0.0526 214.32); --scale-sky-a1: rgb(107 165 255 / 0.1216); --scale-sky-a2: rgb(111 170 255 / 0.1529); --scale-sky-a3: rgb(68 159 255 / 0.251); --scale-sky-a4: rgb(51 159 255 / 0.3333); --scale-sky-a5: rgb(52 168 255 / 0.4039); --scale-sky-a6: rgb(56 172 255 / 0.4824); --scale-sky-a7: rgb(54 178 255 / 0.5725); --scale-sky-a8: rgb(37 182 255 / 0.6824); --scale-sky-a9: rgb(124 227 255 / 0.9961); --scale-sky-a10: rgb(168 238 255 / 1); --scale-sky-a11: rgb(124 211 255 / 0.9412); --scale-sky-a12: rgb(194 243 255 / 1); --scale-mint-1: #0e1515; --scale-mint-1: oklch(0.1886 0.0106 196.29); --scale-mint-2: #0f1b1b; --scale-mint-2: oklch(0.2109 0.017 195.94); --scale-mint-3: #092c2b; --scale-mint-3: oklch(0.2683 0.0391 192.36); --scale-mint-4: #003a38; --scale-mint-4: oklch(0.3146 0.0542 190.98); --scale-mint-5: #004744; --scale-mint-5: oklch(0.359 0.062 189.96); --scale-mint-6: #105650; --scale-mint-6: oklch(0.4106 0.0662 186.24); --scale-mint-7: #1e685f; --scale-mint-7: oklch(0.4702 0.0725 183.51); --scale-mint-8: #277f70; --scale-mint-8: oklch(0.5408 0.0853 179.23); --scale-mint-9: #86ead4; --scale-mint-9: oklch(0.8696 0.0999 177.98); --scale-mint-10: #a8f5e5; --scale-mint-10: oklch(0.9156 0.079 180); --scale-mint-11: #58d5ba; --scale-mint-11: oklch(0.7954 0.1181 176.46); --scale-mint-12: #c4f5e1; --scale-mint-12: oklch(0.9306 0.057 168.28); --scale-mint-a1: rgb(170 255 255 / 0.0824); --scale-mint-a2: rgb(142 255 255 / 0.1059); --scale-mint-a3: rgb(52 255 249 / 0.1725); --scale-mint-a4: rgb(0 255 246 / 0.2275); --scale-mint-a5: rgb(0 255 244 / 0.2784); --scale-mint-a6: rgb(47 255 237 / 0.3373); --scale-mint-a7: rgb(74 255 233 / 0.4078); --scale-mint-a8: rgb(78 255 225 / 0.498); --scale-mint-a9: rgb(146 255 231 / 0.9176); --scale-mint-a10: rgb(175 255 238 / 0.9608); --scale-mint-a11: rgb(105 255 223 / 0.8353); --scale-mint-a12: rgb(204 255 234 / 0.9608); --scale-lime-1: #11130c; --scale-lime-1: oklch(0.1819 0.0141 120.76); --scale-lime-2: #151a10; --scale-lime-2: oklch(0.209 0.0205 129.62); --scale-lime-3: #1f2917; --scale-lime-3: oklch(0.2656 0.0349 132.01); --scale-lime-4: #29371d; --scale-lime-4: oklch(0.3165 0.0475 131.68); --scale-lime-5: #334423; --scale-lime-5: oklch(0.3626 0.0575 131.03); --scale-lime-6: #3d522a; --scale-lime-6: oklch(0.4103 0.0675 131.45); --scale-lime-7: #496231; --scale-lime-7: oklch(0.4633 0.0794 131.08); --scale-lime-8: #577538; --scale-lime-8: oklch(0.5241 0.0945 130.63); --scale-lime-9: #bdee63; --scale-lime-9: oklch(0.8874 0.1747 126.09); --scale-lime-10: #d4ff70; --scale-lime-10: oklch(0.9417 0.1757 123.76); --scale-lime-11: #bde56c; --scale-lime-11: oklch(0.8683 0.1552 124.74); --scale-lime-12: #e3f7ba; --scale-lime-12: oklch(0.9465 0.0819 122.7); --scale-lime-a1: rgb(228 255 161 / 0.0745); --scale-lime-a2: rgb(206 255 157 / 0.102); --scale-lime-a3: rgb(193 255 143 / 0.1608); --scale-lime-a4: rgb(190 255 134 / 0.2157); --scale-lime-a5: rgb(191 255 131 / 0.2667); --scale-lime-a6: rgb(190 255 131 / 0.3216); --scale-lime-a7: rgb(190 255 127 / 0.3843); --scale-lime-a8: rgb(190 255 122 / 0.4588); --scale-lime-a9: rgb(203 255 106 / 0.9333); --scale-lime-a10: rgb(212 255 112 / 1); --scale-lime-a11: rgb(210 255 120 / 0.898); --scale-lime-a12: rgb(234 255 192 / 0.9686); --scale-gold-1: #15120d; --scale-gold-1: oklch(0.184 0.011 80.49); --scale-gold-2: #1c1810; --scale-gold-2: oklch(0.211 0.0162 84.42); --scale-gold-3: #2d210c; --scale-gold-3: oklch(0.2567 0.0384 79.65); --scale-gold-4: #3b2906; --scale-gold-4: oklch(0.2952 0.0552 79.79); --scale-gold-5: #483308; --scale-gold-5: oklch(0.3369 0.0636 80.47); --scale-gold-6: #564011; --scale-gold-6: oklch(0.3861 0.069 82.55); --scale-gold-7: #6b5222; --scale-gold-7: oklch(0.4544 0.0728 81.35); --scale-gold-8: #87682e; --scale-gold-8: oklch(0.5364 0.0852 80.81); --scale-gold-9: #d4af37; --scale-gold-9: oklch(0.7665 0.1387 91.06); --scale-gold-10: #efdc4c; --scale-gold-10: oklch(0.885 0.1593 101.68); --scale-gold-11: #efd049; --scale-gold-11: oklch(0.8604 0.1522 95.94); --scale-gold-12: #f8e9ba; --scale-gold-12: oklch(0.9345 0.0629 92.45); --scale-gold-a1: rgb(255 219 158 / 0.0824); --scale-gold-a2: rgb(255 219 146 / 0.1098); --scale-gold-a3: rgb(255 187 68 / 0.1765); --scale-gold-a4: rgb(255 177 26 / 0.2314); --scale-gold-a5: rgb(255 181 28 / 0.2824); --scale-gold-a6: rgb(255 190 50 / 0.3373); --scale-gold-a7: rgb(255 195 81 / 0.4196); --scale-gold-a8: rgb(255 196 87 / 0.5294); --scale-gold-a9: rgb(255 210 66 / 0.8314); --scale-gold-a10: rgb(255 235 81 / 0.9373); --scale-gold-a11: rgb(255 222 78 / 0.9373); --scale-gold-a12: rgb(255 240 191 / 0.9725); --scale-bronze-1: #15130f; --scale-bronze-1: oklch(0.1876 0.0085 84.57); --scale-bronze-2: #1b1711; --scale-bronze-2: oklch(0.2072 0.0131 77.91); --scale-bronze-3: #2c2212; --scale-bronze-3: oklch(0.2591 0.031 78.49); --scale-bronze-4: #3b280d; --scale-bronze-4: oklch(0.2935 0.0493 73.17); --scale-bronze-5: #493111; --scale-bronze-5: oklch(0.3345 0.0576 71.16); --scale-bronze-6: #583e1d; --scale-bronze-6: oklch(0.3855 0.06 70.89); --scale-bronze-7: #6e4f2c; --scale-bronze-7: oklch(0.4528 0.0652 68.25); --scale-bronze-8: #8e653a; --scale-bronze-8: oklch(0.5399 0.0792 66.09); --scale-bronze-9: #cd7f32; --scale-bronze-9: oklch(0.6661 0.1315 61.29); --scale-bronze-10: #dd9849; --scale-bronze-10: oklch(0.7331 0.1257 67.14); --scale-bronze-11: #e1b071; --scale-bronze-11: oklch(0.7882 0.0986 72.56); --scale-bronze-12: #f2e4cc; --scale-bronze-12: oklch(0.9237 0.0353 81.27); --scale-bronze-a1: rgb(255 231 182 / 0.0824); --scale-bronze-a2: rgb(255 217 161 / 0.1059); --scale-bronze-a3: rgb(255 197 104 / 0.1725); --scale-bronze-a4: rgb(255 173 56 / 0.2314); --scale-bronze-a5: rgb(255 171 59 / 0.2863); --scale-bronze-a6: rgb(255 180 84 / 0.3451); --scale-bronze-a7: rgb(255 183 102 / 0.4314); --scale-bronze-a8: rgb(255 181 104 / 0.5569); --scale-bronze-a9: rgb(255 158 62 / 0.8039); --scale-bronze-a10: rgb(255 175 84 / 0.8667); --scale-bronze-a11: rgb(255 199 128 / 0.8824); --scale-bronze-a12: rgb(255 240 215 / 0.949); --primitive-primary-1: var(--scale-purple-1); --primitive-primary-2: var(--scale-purple-2); --primitive-primary-3: var(--scale-purple-3); --primitive-primary-4: var(--scale-purple-4); --primitive-primary-5: var(--scale-purple-5); --primitive-primary-6: var(--scale-purple-6); --primitive-primary-7: var(--scale-purple-7); --primitive-primary-8: var(--scale-purple-8); --primitive-primary-9: var(--scale-purple-9); --primitive-primary-10: var(--scale-purple-10); --primitive-primary-11: var(--scale-purple-11); --primitive-primary-12: var(--scale-purple-12); --primitive-primary-a1: var(--scale-purple-a1); --primitive-primary-a2: var(--scale-purple-a2); --primitive-primary-a3: var(--scale-purple-a3); --primitive-primary-a4: var(--scale-purple-a4); --primitive-primary-a5: var(--scale-purple-a5); --primitive-primary-a6: var(--scale-purple-a6); --primitive-primary-a7: var(--scale-purple-a7); --primitive-primary-a8: var(--scale-purple-a8); --primitive-primary-a9: var(--scale-purple-a9); --primitive-primary-a10: var(--scale-purple-a10); --primitive-primary-a11: var(--scale-purple-a11); --primitive-primary-a12: var(--scale-purple-a12); --color-primary-track: var(--primitive-primary-1); --color-primary-element: var(--primitive-primary-3); --color-primary-hover: var(--primitive-primary-4); --color-primary-active: var(--primitive-primary-5); --color-primary-border: var(--primitive-primary-7); --color-primary-solid: var(--primitive-primary-9); --color-primary-solid-hover: var(--primitive-primary-10); --color-primary-text: var(--primitive-primary-11); --color-primary-contrast: var(--color-content-on-solid, var(--primitive-primary-12)); --color-primary-surface: var(--primitive-primary-a2); --color-primary-surface-hover: var(--primitive-primary-a3); --primitive-secondary-1: var(--scale-slate-1); --primitive-secondary-2: var(--scale-slate-2); --primitive-secondary-3: var(--scale-slate-3); --primitive-secondary-4: var(--scale-slate-4); --primitive-secondary-5: var(--scale-slate-5); --primitive-secondary-6: var(--scale-slate-6); --primitive-secondary-7: var(--scale-slate-7); --primitive-secondary-8: var(--scale-slate-8); --primitive-secondary-9: var(--scale-slate-9); --primitive-secondary-10: var(--scale-slate-10); --primitive-secondary-11: var(--scale-slate-11); --primitive-secondary-12: var(--scale-slate-12); --primitive-secondary-a1: var(--scale-slate-a1); --primitive-secondary-a2: var(--scale-slate-a2); --primitive-secondary-a3: var(--scale-slate-a3); --primitive-secondary-a4: var(--scale-slate-a4); --primitive-secondary-a5: var(--scale-slate-a5); --primitive-secondary-a6: var(--scale-slate-a6); --primitive-secondary-a7: var(--scale-slate-a7); --primitive-secondary-a8: var(--scale-slate-a8); --primitive-secondary-a9: var(--scale-slate-a9); --primitive-secondary-a10: var(--scale-slate-a10); --primitive-secondary-a11: var(--scale-slate-a11); --primitive-secondary-a12: var(--scale-slate-a12); --color-secondary-track: var(--primitive-secondary-1); --color-secondary-element: var(--primitive-secondary-3); --color-secondary-hover: var(--primitive-secondary-4); --color-secondary-active: var(--primitive-secondary-5); --color-secondary-border: var(--primitive-secondary-7); --color-secondary-solid: var(--primitive-secondary-9); --color-secondary-solid-hover: var(--primitive-secondary-10); --color-secondary-text: var(--primitive-secondary-11); --color-secondary-contrast: var(--color-content-on-solid, var(--primitive-secondary-12)); --color-secondary-surface: var(--primitive-secondary-a2); --color-secondary-surface-hover: var(--primitive-secondary-a3); --primitive-tertiary-1: var(--scale-indigo-1); --primitive-tertiary-2: var(--scale-indigo-2); --primitive-tertiary-3: var(--scale-indigo-3); --primitive-tertiary-4: var(--scale-indigo-4); --primitive-tertiary-5: var(--scale-indigo-5); --primitive-tertiary-6: var(--scale-indigo-6); --primitive-tertiary-7: var(--scale-indigo-7); --primitive-tertiary-8: var(--scale-indigo-8); --primitive-tertiary-9: var(--scale-indigo-9); --primitive-tertiary-10: var(--scale-indigo-10); --primitive-tertiary-11: var(--scale-indigo-11); --primitive-tertiary-12: var(--scale-indigo-12); --primitive-tertiary-a1: var(--scale-indigo-a1); --primitive-tertiary-a2: var(--scale-indigo-a2); --primitive-tertiary-a3: var(--scale-indigo-a3); --primitive-tertiary-a4: var(--scale-indigo-a4); --primitive-tertiary-a5: var(--scale-indigo-a5); --primitive-tertiary-a6: var(--scale-indigo-a6); --primitive-tertiary-a7: var(--scale-indigo-a7); --primitive-tertiary-a8: var(--scale-indigo-a8); --primitive-tertiary-a9: var(--scale-indigo-a9); --primitive-tertiary-a10: var(--scale-indigo-a10); --primitive-tertiary-a11: var(--scale-indigo-a11); --primitive-tertiary-a12: var(--scale-indigo-a12); --color-tertiary-track: var(--primitive-tertiary-1); --color-tertiary-element: var(--primitive-tertiary-3); --color-tertiary-hover: var(--primitive-tertiary-4); --color-tertiary-active: var(--primitive-tertiary-5); --color-tertiary-border: var(--primitive-tertiary-7); --color-tertiary-solid: var(--primitive-tertiary-9); --color-tertiary-solid-hover: var(--primitive-tertiary-10); --color-tertiary-text: var(--primitive-tertiary-11); --color-tertiary-contrast: var(--color-content-on-solid, var(--primitive-tertiary-12)); --color-tertiary-surface: var(--primitive-tertiary-a2); --color-tertiary-surface-hover: var(--primitive-tertiary-a3); --primitive-neutral-1: var(--scale-gray-1); --primitive-neutral-2: var(--scale-gray-2); --primitive-neutral-3: var(--scale-gray-3); --primitive-neutral-4: var(--scale-gray-4); --primitive-neutral-5: var(--scale-gray-5); --primitive-neutral-6: var(--scale-gray-6); --primitive-neutral-7: var(--scale-gray-7); --primitive-neutral-8: var(--scale-gray-8); --primitive-neutral-9: var(--scale-gray-9); --primitive-neutral-10: var(--scale-gray-10); --primitive-neutral-11: var(--scale-gray-11); --primitive-neutral-12: var(--scale-gray-12); --primitive-neutral-a1: var(--scale-gray-a1); --primitive-neutral-a2: var(--scale-gray-a2); --primitive-neutral-a3: var(--scale-gray-a3); --primitive-neutral-a4: var(--scale-gray-a4); --primitive-neutral-a5: var(--scale-gray-a5); --primitive-neutral-a6: var(--scale-gray-a6); --primitive-neutral-a7: var(--scale-gray-a7); --primitive-neutral-a8: var(--scale-gray-a8); --primitive-neutral-a9: var(--scale-gray-a9); --primitive-neutral-a10: var(--scale-gray-a10); --primitive-neutral-a11: var(--scale-gray-a11); --primitive-neutral-a12: var(--scale-gray-a12); --color-neutral-track: var(--primitive-neutral-1); --color-neutral-element: var(--primitive-neutral-3); --color-neutral-hover: var(--primitive-neutral-4); --color-neutral-active: var(--primitive-neutral-5); --color-neutral-border: var(--primitive-neutral-7); --color-neutral-solid: var(--primitive-neutral-9); --color-neutral-solid-hover: var(--primitive-neutral-10); --color-neutral-text: var(--primitive-neutral-11); --color-neutral-contrast: var(--primitive-neutral-12); --color-neutral-surface: var(--primitive-neutral-a2); --color-neutral-surface-hover: var(--primitive-neutral-a3); --primitive-affirm-1: var(--scale-teal-1); --primitive-affirm-2: var(--scale-teal-2); --primitive-affirm-3: var(--scale-teal-3); --primitive-affirm-4: var(--scale-teal-4); --primitive-affirm-5: var(--scale-teal-5); --primitive-affirm-6: var(--scale-teal-6); --primitive-affirm-7: var(--scale-teal-7); --primitive-affirm-8: var(--scale-teal-8); --primitive-affirm-9: var(--scale-teal-9); --primitive-affirm-10: var(--scale-teal-10); --primitive-affirm-11: var(--scale-teal-11); --primitive-affirm-12: var(--scale-teal-12); --primitive-affirm-a1: var(--scale-teal-a1); --primitive-affirm-a2: var(--scale-teal-a2); --primitive-affirm-a3: var(--scale-teal-a3); --primitive-affirm-a4: var(--scale-teal-a4); --primitive-affirm-a5: var(--scale-teal-a5); --primitive-affirm-a6: var(--scale-teal-a6); --primitive-affirm-a7: var(--scale-teal-a7); --primitive-affirm-a8: var(--scale-teal-a8); --primitive-affirm-a9: var(--scale-teal-a9); --primitive-affirm-a10: var(--scale-teal-a10); --primitive-affirm-a11: var(--scale-teal-a11); --primitive-affirm-a12: var(--scale-teal-a12); --color-affirm-track: var(--primitive-affirm-1); --color-affirm-element: var(--primitive-affirm-3); --color-affirm-hover: var(--primitive-affirm-4); --color-affirm-active: var(--primitive-affirm-5); --color-affirm-border: var(--primitive-affirm-7); --color-affirm-solid: var(--primitive-affirm-9); --color-affirm-solid-hover: var(--primitive-affirm-10); --color-affirm-text: var(--primitive-affirm-11); --color-affirm-contrast: var(--color-content-on-solid, var(--primitive-affirm-12)); --color-affirm-surface: var(--primitive-affirm-a2); --color-affirm-surface-hover: var(--primitive-affirm-a3); --primitive-fulfill-1: var(--scale-green-1); --primitive-fulfill-2: var(--scale-green-2); --primitive-fulfill-3: var(--scale-green-3); --primitive-fulfill-4: var(--scale-green-4); --primitive-fulfill-5: var(--scale-green-5); --primitive-fulfill-6: var(--scale-green-6); --primitive-fulfill-7: var(--scale-green-7); --primitive-fulfill-8: var(--scale-green-8); --primitive-fulfill-9: var(--scale-green-9); --primitive-fulfill-10: var(--scale-green-10); --primitive-fulfill-11: var(--scale-green-11); --primitive-fulfill-12: var(--scale-green-12); --primitive-fulfill-a1: var(--scale-green-a1); --primitive-fulfill-a2: var(--scale-green-a2); --primitive-fulfill-a3: var(--scale-green-a3); --primitive-fulfill-a4: var(--scale-green-a4); --primitive-fulfill-a5: var(--scale-green-a5); --primitive-fulfill-a6: var(--scale-green-a6); --primitive-fulfill-a7: var(--scale-green-a7); --primitive-fulfill-a8: var(--scale-green-a8); --primitive-fulfill-a9: var(--scale-green-a9); --primitive-fulfill-a10: var(--scale-green-a10); --primitive-fulfill-a11: var(--scale-green-a11); --primitive-fulfill-a12: var(--scale-green-a12); --color-fulfill-track: var(--primitive-fulfill-1); --color-fulfill-element: var(--primitive-fulfill-3); --color-fulfill-hover: var(--primitive-fulfill-4); --color-fulfill-active: var(--primitive-fulfill-5); --color-fulfill-border: var(--primitive-fulfill-7); --color-fulfill-solid: var(--primitive-fulfill-9); --color-fulfill-solid-hover: var(--primitive-fulfill-10); --color-fulfill-text: var(--primitive-fulfill-11); --color-fulfill-contrast: var(--color-content-on-solid, var(--primitive-fulfill-12)); --color-fulfill-surface: var(--primitive-fulfill-a2); --color-fulfill-surface-hover: var(--primitive-fulfill-a3); --primitive-risk-1: var(--scale-orange-1); --primitive-risk-2: var(--scale-orange-2); --primitive-risk-3: var(--scale-orange-3); --primitive-risk-4: var(--scale-orange-4); --primitive-risk-5: var(--scale-orange-5); --primitive-risk-6: var(--scale-orange-6); --primitive-risk-7: var(--scale-orange-7); --primitive-risk-8: var(--scale-orange-8); --primitive-risk-9: var(--scale-orange-9); --primitive-risk-10: var(--scale-orange-10); --primitive-risk-11: var(--scale-orange-11); --primitive-risk-12: var(--scale-orange-12); --primitive-risk-a1: var(--scale-orange-a1); --primitive-risk-a2: var(--scale-orange-a2); --primitive-risk-a3: var(--scale-orange-a3); --primitive-risk-a4: var(--scale-orange-a4); --primitive-risk-a5: var(--scale-orange-a5); --primitive-risk-a6: var(--scale-orange-a6); --primitive-risk-a7: var(--scale-orange-a7); --primitive-risk-a8: var(--scale-orange-a8); --primitive-risk-a9: var(--scale-orange-a9); --primitive-risk-a10: var(--scale-orange-a10); --primitive-risk-a11: var(--scale-orange-a11); --primitive-risk-a12: var(--scale-orange-a12); --color-risk-track: var(--primitive-risk-1); --color-risk-element: var(--primitive-risk-3); --color-risk-hover: var(--primitive-risk-4); --color-risk-active: var(--primitive-risk-5); --color-risk-border: var(--primitive-risk-7); --color-risk-solid: var(--primitive-risk-9); --color-risk-solid-hover: var(--primitive-risk-10); --color-risk-text: var(--primitive-risk-11); --color-risk-contrast: var(--color-content-on-solid-contrast, var(--primitive-risk-12)); --color-risk-surface: var(--primitive-risk-a2); --color-risk-surface-hover: var(--primitive-risk-a3); --primitive-threat-1: var(--scale-red-1); --primitive-threat-2: var(--scale-red-2); --primitive-threat-3: var(--scale-red-3); --primitive-threat-4: var(--scale-red-4); --primitive-threat-5: var(--scale-red-5); --primitive-threat-6: var(--scale-red-6); --primitive-threat-7: var(--scale-red-7); --primitive-threat-8: var(--scale-red-8); --primitive-threat-9: var(--scale-red-9); --primitive-threat-10: var(--scale-red-10); --primitive-threat-11: var(--scale-red-11); --primitive-threat-12: var(--scale-red-12); --primitive-threat-a1: var(--scale-red-a1); --primitive-threat-a2: var(--scale-red-a2); --primitive-threat-a3: var(--scale-red-a3); --primitive-threat-a4: var(--scale-red-a4); --primitive-threat-a5: var(--scale-red-a5); --primitive-threat-a6: var(--scale-red-a6); --primitive-threat-a7: var(--scale-red-a7); --primitive-threat-a8: var(--scale-red-a8); --primitive-threat-a9: var(--scale-red-a9); --primitive-threat-a10: var(--scale-red-a10); --primitive-threat-a11: var(--scale-red-a11); --primitive-threat-a12: var(--scale-red-a12); --color-threat-track: var(--primitive-threat-1); --color-threat-element: var(--primitive-threat-3); --color-threat-hover: var(--primitive-threat-4); --color-threat-active: var(--primitive-threat-5); --color-threat-border: var(--primitive-threat-7); --color-threat-solid: var(--primitive-threat-9); --color-threat-solid-hover: var(--primitive-threat-10); --color-threat-text: var(--primitive-threat-11); --color-threat-contrast: var(--color-content-on-solid, var(--primitive-threat-12)); --color-threat-surface: var(--primitive-threat-a2); --color-threat-surface-hover: var(--primitive-threat-a3); --primitive-loss-1: var(--scale-plum-1); --primitive-loss-2: var(--scale-plum-2); --primitive-loss-3: var(--scale-plum-3); --primitive-loss-4: var(--scale-plum-4); --primitive-loss-5: var(--scale-plum-5); --primitive-loss-6: var(--scale-plum-6); --primitive-loss-7: var(--scale-plum-7); --primitive-loss-8: var(--scale-plum-8); --primitive-loss-9: var(--scale-plum-9); --primitive-loss-10: var(--scale-plum-10); --primitive-loss-11: var(--scale-plum-11); --primitive-loss-12: var(--scale-plum-12); --primitive-loss-a1: var(--scale-plum-a1); --primitive-loss-a2: var(--scale-plum-a2); --primitive-loss-a3: var(--scale-plum-a3); --primitive-loss-a4: var(--scale-plum-a4); --primitive-loss-a5: var(--scale-plum-a5); --primitive-loss-a6: var(--scale-plum-a6); --primitive-loss-a7: var(--scale-plum-a7); --primitive-loss-a8: var(--scale-plum-a8); --primitive-loss-a9: var(--scale-plum-a9); --primitive-loss-a10: var(--scale-plum-a10); --primitive-loss-a11: var(--scale-plum-a11); --primitive-loss-a12: var(--scale-plum-a12); --color-loss-track: var(--primitive-loss-1); --color-loss-element: var(--primitive-loss-3); --color-loss-hover: var(--primitive-loss-4); --color-loss-active: var(--primitive-loss-5); --color-loss-border: var(--primitive-loss-7); --color-loss-solid: var(--primitive-loss-9); --color-loss-solid-hover: var(--primitive-loss-10); --color-loss-text: var(--primitive-loss-11); --color-loss-contrast: var(--color-content-on-solid, var(--primitive-loss-12)); --color-loss-surface: var(--primitive-loss-a2); --color-loss-surface-hover: var(--primitive-loss-a3); --color-surface-default: var(--primitive-neutral-1); --color-surface-raised: var(--primitive-neutral-2); --color-surface-overlay: var(--primitive-neutral-4); --color-surface-muted: var(--primitive-neutral-3); --color-overlay: rgb(0 0 0 / 0.66); --color-content-primary: var(--primitive-neutral-12); --color-content-secondary: var(--primitive-neutral-11); --color-content-muted: var(--primitive-neutral-10); --color-content-disabled: var(--primitive-neutral-8); --color-content-on-solid: #ffffff; --color-content-on-solid-contrast: #1c1917; --color-border-subtle: var(--primitive-neutral-4); --color-border-default: var(--primitive-neutral-6); --color-border-strong: var(--primitive-neutral-8); --focus-ring-color: color-mix(in srgb, var(--primitive-primary-8) 52%, transparent); --focus-ring-color-error: color-mix(in srgb, var(--primitive-risk-8) 56%, transparent); --shadow-1: 0 1px 2px rgb(0 0 0 / 0.28); --shadow-2: 0 5px 16px rgb(0 0 0 / 0.34); --shadow-3: 0 10px 30px rgb(0 0 0 / 0.42); --shadow-4: 0 16px 44px rgb(0 0 0 / 0.48); --shadow-5: 0 22px 60px rgb(0 0 0 / 0.55); --shadow-6: 0 34px 88px rgb(0 0 0 / 0.62); --shadow-none: none; --shadow-subtle: var(--shadow-1); --shadow-raised: var(--shadow-3); --shadow-overlay: var(--shadow-5); }