/* Generated by scripts/build-ux-css.php from config/ux.config.json + config/ux.project.json. */
/* Edit the JSON token files, then run: php scripts/build-ux-css.php */
:root {
    --ux-color-palette-primary: #16b3a6;
    --ux-color-palette-primary-hover: #0b948a;
    --ux-color-palette-primary-active: #087d75;
    --ux-color-palette-secondary: #344747;
    --ux-color-palette-secondary-hover: #1b2727;
    --ux-color-palette-accent: #36c7ba;
    --ux-color-palette-accent-soft: #e8faf7;
    --ux-color-palette-white: #ffffff;
    --ux-color-palette-black: #090d0f;
    --ux-color-neutral-0: #ffffff;
    --ux-color-neutral-50: #f7faf9;
    --ux-color-neutral-100: #edf2f1;
    --ux-color-neutral-200: #d9e1e0;
    --ux-color-neutral-300: #b8c3c2;
    --ux-color-neutral-400: #8e9c9b;
    --ux-color-neutral-500: #718080;
    --ux-color-neutral-600: #526363;
    --ux-color-neutral-700: #344747;
    --ux-color-neutral-800: #1b2727;
    --ux-color-neutral-900: #111919;
    --ux-color-neutral-950: #0b1111;
    --ux-color-status-success: #087d58;
    --ux-color-status-success-soft: #e8f8f1;
    --ux-color-status-warning: #a85d08;
    --ux-color-status-warning-soft: #fff7e8;
    --ux-color-status-danger: #b42318;
    --ux-color-status-danger-soft: #fff1f0;
    --ux-color-status-information: #146c94;
    --ux-color-status-information-soft: #e9f5fb;
    --ux-typography-families-display: Manrope;
    --ux-typography-families-body: Manrope;
    --ux-typography-families-label: Manrope;
    --ux-typography-families-code: DM Mono;
    --ux-typography-fallbacks-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ux-typography-fallbacks-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    --ux-typography-font-source: https://fonts.googleapis.com/css2?family=DM+Mono:wght@400500&family=Manrope:wght@400500600700800&display=swap;
    --ux-typography-weights-regular: 400;
    --ux-typography-weights-medium: 500;
    --ux-typography-weights-semibold: 600;
    --ux-typography-weights-bold: 700;
    --ux-typography-weights-extrabold: 800;
    --ux-typography-styles-display-family: Manrope;
    --ux-typography-styles-display-size: clamp(3rem, 7vw, 5.5rem);
    --ux-typography-styles-display-weight: 800;
    --ux-typography-styles-display-line-height: 0.98;
    --ux-typography-styles-display-letter-spacing: -0.055em;
    --ux-typography-styles-heading1-family: Manrope;
    --ux-typography-styles-heading1-size: clamp(2.75rem, 6vw, 4.75rem);
    --ux-typography-styles-heading1-weight: 800;
    --ux-typography-styles-heading1-line-height: 1.02;
    --ux-typography-styles-heading1-letter-spacing: -0.045em;
    --ux-typography-styles-heading2-family: Manrope;
    --ux-typography-styles-heading2-size: clamp(2.25rem, 4.5vw, 3.5rem);
    --ux-typography-styles-heading2-weight: 800;
    --ux-typography-styles-heading2-line-height: 1.06;
    --ux-typography-styles-heading2-letter-spacing: -0.04em;
    --ux-typography-styles-heading3-family: Manrope;
    --ux-typography-styles-heading3-size: 1.25rem;
    --ux-typography-styles-heading3-weight: 700;
    --ux-typography-styles-heading3-line-height: 1.25;
    --ux-typography-styles-heading3-letter-spacing: -0.018em;
    --ux-typography-styles-body-family: Manrope;
    --ux-typography-styles-body-size: 1rem;
    --ux-typography-styles-body-weight: 400;
    --ux-typography-styles-body-line-height: 1.7;
    --ux-typography-styles-body-letter-spacing: 0;
    --ux-typography-styles-body-large-family: Manrope;
    --ux-typography-styles-body-large-size: 1.125rem;
    --ux-typography-styles-body-large-weight: 400;
    --ux-typography-styles-body-large-line-height: 1.75;
    --ux-typography-styles-body-large-letter-spacing: 0;
    --ux-typography-styles-label-family: Manrope;
    --ux-typography-styles-label-size: 0.875rem;
    --ux-typography-styles-label-weight: 600;
    --ux-typography-styles-label-line-height: 1.4;
    --ux-typography-styles-label-letter-spacing: 0;
    --ux-typography-styles-caption-family: Manrope;
    --ux-typography-styles-caption-size: 0.75rem;
    --ux-typography-styles-caption-weight: 500;
    --ux-typography-styles-caption-line-height: 1.5;
    --ux-typography-styles-caption-letter-spacing: 0.01em;
    --ux-typography-styles-code-family: DM Mono;
    --ux-typography-styles-code-size: 0.875rem;
    --ux-typography-styles-code-weight: 400;
    --ux-typography-styles-code-line-height: 1.6;
    --ux-typography-styles-code-letter-spacing: 0;
    --ux-spacing-0: 0;
    --ux-spacing-1: 0.25rem;
    --ux-spacing-2: 0.5rem;
    --ux-spacing-3: 0.75rem;
    --ux-spacing-4: 1rem;
    --ux-spacing-5: 1.25rem;
    --ux-spacing-6: 1.5rem;
    --ux-spacing-8: 2rem;
    --ux-spacing-10: 2.5rem;
    --ux-spacing-12: 3rem;
    --ux-spacing-14: 3.5rem;
    --ux-spacing-16: 4rem;
    --ux-spacing-20: 5rem;
    --ux-spacing-24: 6rem;
    --ux-spacing-28: 7rem;
    --ux-spacing-32: 8rem;
    --ux-border-0: 0;
    --ux-border-1: 1px;
    --ux-border-2: 2px;
    --ux-border-4: 4px;
    --ux-radius-none: 0;
    --ux-radius-sm: 0.5rem;
    --ux-radius-control: 0.75rem;
    --ux-radius-card: 1.25rem;
    --ux-radius-feature: 2rem;
    --ux-radius-round: 9999px;
    --ux-shadow-none: none;
    --ux-shadow-sm: 0 1px 2px rgba(11,17,17,0.06);
    --ux-shadow-card: 0 1px 2px rgba(11,17,17,0.05), 0 10px 32px rgba(11,17,17,0.06);
    --ux-shadow-raised: 0 16px 40px rgba(11,17,17,0.12);
    --ux-shadow-overlay: 0 24px 70px rgba(11,17,17,0.22);
    --ux-shadow-focus: 0 0 0 4px rgba(54,199,186,0.24);
    --ux-size-control-sm: 2.5rem;
    --ux-size-control-md: 3rem;
    --ux-size-control-lg: 3.5rem;
    --ux-size-touch-minimum: 2.75rem;
    --ux-size-icon-sm: 1rem;
    --ux-size-icon-md: 1.25rem;
    --ux-size-icon-lg: 1.5rem;
    --ux-motion-duration-fast: 120ms;
    --ux-motion-duration-default: 220ms;
    --ux-motion-duration-slow: 420ms;
    --ux-motion-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
    --ux-motion-ease-exit: cubic-bezier(0.4, 0, 1, 1);
    --ux-motion-hover-lift: -2px;
    --ux-z-index-base: 0;
    --ux-z-index-dropdown: 20;
    --ux-z-index-sticky: 40;
    --ux-z-index-overlay: 60;
    --ux-z-index-modal: 70;
    --ux-z-index-toast: 80;
    --ux-layout-content-widths-reading: 45rem;
    --ux-layout-content-widths-wide-reading: 56rem;
    --ux-layout-content-widths-content: 80rem;
    --ux-layout-content-widths-full: 100%;
    --ux-layout-breakpoints-sm: 640px;
    --ux-layout-breakpoints-md: 768px;
    --ux-layout-breakpoints-lg: 1024px;
    --ux-layout-breakpoints-xl: 1280px;
    --ux-layout-page-gutter-mobile: 1.25rem;
    --ux-layout-page-gutter-tablet: 2rem;
    --ux-layout-page-gutter-desktop: 2rem;
    --ux-layout-section-spacing-compact: 4rem;
    --ux-layout-section-spacing-default: 6rem;
    --ux-layout-section-spacing-feature: 8rem;
    --ux-layout-grid-columns: 12;
    --ux-layout-grid-gap: 1.5rem;
    --ux-layout-grid-dense-gap: 1rem;
    --ux-layout-dimensions-header: 5rem;
    --ux-layout-dimensions-sidebar: 17rem;
    --ux-layout-dimensions-footer-minimum: 16rem;
    --ux-layout-dimensions-navigation-target: 2.75rem;
    --ux-component-button-height-sm: 2.5rem;
    --ux-component-button-height-md: 3rem;
    --ux-component-button-height-lg: 3.5rem;
    --ux-component-button-padding-inline: 1.25rem;
    --ux-component-button-gap: 0.5rem;
    --ux-component-button-radius: 0.75rem;
    --ux-component-button-font-family: Manrope;
    --ux-component-button-font-size: 0.875rem;
    --ux-component-button-font-weight: 600;
    --ux-component-button-font-line-height: 1.4;
    --ux-component-button-font-letter-spacing: 0;
    --ux-component-button-primary-background: #16b3a6;
    --ux-component-button-primary-foreground: #ffffff;
    --ux-component-button-primary-hover-background: #0b948a;
    --ux-component-button-primary-hover-foreground: #ffffff;
    --ux-component-button-variants-0: primary;
    --ux-component-button-variants-1: secondary;
    --ux-component-button-variants-2: inverse;
    --ux-component-button-variants-3: ghost;
    --ux-component-button-variants-4: danger;
    --ux-component-link-underline-offset: 0.2em;
    --ux-component-link-underline-thickness: 0.08em;
    --ux-component-field-height: 3rem;
    --ux-component-field-padding-inline: 1rem;
    --ux-component-field-radius: 0.75rem;
    --ux-component-field-border-width: 1px;
    --ux-component-field-gap: 0.5rem;
    --ux-component-selection-control-size: 1.25rem;
    --ux-component-selection-control-gap: 0.75rem;
    --ux-component-card-padding: 1.5rem;
    --ux-component-card-gap: 1rem;
    --ux-component-card-radius: 1.25rem;
    --ux-component-card-border-width: 1px;
    --ux-component-card-shadow: 0 1px 2px rgba(11,17,17,0.05), 0 10px 32px rgba(11,17,17,0.06);
    --ux-component-table-cell-padding-block: 0.75rem;
    --ux-component-table-cell-padding-inline: 1rem;
    --ux-component-table-minimum-width: 40rem;
    --ux-component-navigation-height: 5rem;
    --ux-component-navigation-item-height: 2.75rem;
    --ux-component-navigation-gap: 0.5rem;
    --ux-component-modal-width: min(36rem, calc(100vw - 2.5rem));
    --ux-component-modal-padding: 1.5rem;
    --ux-component-modal-radius: 2rem;
    --ux-component-modal-shadow: 0 24px 70px rgba(11,17,17,0.22);
    --ux-component-drawer-width: min(24rem, calc(100vw - 2rem));
    --ux-component-drawer-padding: 1.5rem;
    --ux-component-alert-padding: 1rem;
    --ux-component-alert-radius: 0.75rem;
    --ux-component-alert-gap: 0.75rem;
    --ux-component-badge-height: 1.75rem;
    --ux-component-badge-padding-inline: 0.75rem;
    --ux-component-badge-radius: 9999px;
    --ux-component-tooltip-max-width: 18rem;
    --ux-component-tooltip-padding: 0.5rem;
    --ux-component-tooltip-radius: 0.5rem;
    --ux-component-dropdown-min-width: 12rem;
    --ux-component-dropdown-padding: 0.5rem;
    --ux-component-dropdown-radius: 0.75rem;
    --ux-component-dropdown-shadow: 0 16px 40px rgba(11,17,17,0.12);
    --ux-component-tabs-height: 2.75rem;
    --ux-component-tabs-gap: 0.25rem;
    --ux-component-pagination-item-size: 2.75rem;
    --ux-component-pagination-gap: 0.25rem;
    --ux-component-loading-spinner-size: 1.25rem;
    --ux-component-loading-skeleton-radius: 0.5rem;
    --ux-component-feedback-icon-size: 1.5rem;
    --ux-component-feedback-max-width: 45rem;
    --ux-color-background: #f7faf9;
    --ux-color-surface: #ffffff;
    --ux-color-surface-subtle: #edf2f1;
    --ux-color-surface-raised: #ffffff;
    --ux-color-surface-inverse: #0b1111;
    --ux-color-text: #111919;
    --ux-color-text-muted: #526363;
    --ux-color-text-subtle: #718080;
    --ux-color-text-inverse: #ffffff;
    --ux-color-border: #d9e1e0;
    --ux-color-border-strong: #b8c3c2;
    --ux-color-focus: #36c7ba;
    --ux-color-link: #087d75;
    --ux-color-link-hover: #16b3a6;
    --ux-color-selection: #e8faf7;
    --ux-font-display: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ux-font-body: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ux-font-label: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ux-font-code: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}