/* Nexi AI 1.0.0 / Option V2. Only --nexi-v2-* values on [data-nexi-v2]. V1 and --nf-* are untouched. */ [data-nexi-v2], [data-nexi-v2][data-nexi-mode="light"] { --nexi-v2-foundation-color-neutral-0: #FFFFFF; --nexi-v2-foundation-color-neutral-25: #FCFCFD; --nexi-v2-foundation-color-neutral-50: #F9FAFB; --nexi-v2-foundation-color-neutral-75: #F7F9FC; --nexi-v2-foundation-color-neutral-100: #F2F4F7; --nexi-v2-foundation-color-neutral-200: #EAECF0; --nexi-v2-foundation-color-neutral-300: #D0D5DD; --nexi-v2-foundation-color-neutral-400: #98A2B3; --nexi-v2-foundation-color-neutral-500: #667085; --nexi-v2-foundation-color-neutral-600: #475467; --nexi-v2-foundation-color-neutral-700: #344054; --nexi-v2-foundation-color-neutral-800: #1D2939; --nexi-v2-foundation-color-neutral-900: #101828; --nexi-v2-foundation-color-neutral-950: #0B1220; --nexi-v2-foundation-color-jade-50: #F0FDF8; --nexi-v2-foundation-color-jade-100: #DCFCEB; --nexi-v2-foundation-color-jade-200: #B7F3D6; --nexi-v2-foundation-color-jade-300: #8DE8CA; --nexi-v2-foundation-color-jade-400: #3FD6B0; --nexi-v2-foundation-color-jade-500: #13B892; --nexi-v2-foundation-color-jade-600: #007F6D; --nexi-v2-foundation-color-jade-700: #006657; --nexi-v2-foundation-color-jade-800: #005347; --nexi-v2-foundation-color-jade-900: #06473E; --nexi-v2-foundation-color-jade-950: #062D26; --nexi-v2-foundation-color-cobalt-50: #EFF4FF; --nexi-v2-foundation-color-cobalt-100: #D1E0FF; --nexi-v2-foundation-color-cobalt-200: #B2CCFF; --nexi-v2-foundation-color-cobalt-300: #84ADFF; --nexi-v2-foundation-color-cobalt-400: #528BFF; --nexi-v2-foundation-color-cobalt-500: #2970FF; --nexi-v2-foundation-color-cobalt-600: #175CD3; --nexi-v2-foundation-color-cobalt-700: #1849A9; --nexi-v2-foundation-color-cobalt-800: #194185; --nexi-v2-foundation-color-cobalt-900: #102A56; --nexi-v2-foundation-color-cobalt-950: #0A1B38; --nexi-v2-foundation-color-coral-50: #FFF1ED; --nexi-v2-foundation-color-coral-100: #FFE1D8; --nexi-v2-foundation-color-coral-200: #FFC2B2; --nexi-v2-foundation-color-coral-300: #FFA18B; --nexi-v2-foundation-color-coral-400: #FF806B; --nexi-v2-foundation-color-coral-500: #F9705A; --nexi-v2-foundation-color-coral-600: #ED634E; --nexi-v2-foundation-color-coral-700: #BA432F; --nexi-v2-foundation-color-coral-800: #A13222; --nexi-v2-foundation-color-coral-900: #712C24; --nexi-v2-foundation-color-coral-950: #381713; --nexi-v2-foundation-color-utility-control-dark: #8290A8; --nexi-v2-foundation-color-utility-success-light-bg: #ECFDF3; --nexi-v2-foundation-color-utility-success-light-fg: #05603A; --nexi-v2-foundation-color-utility-success-light-border: #067647; --nexi-v2-foundation-color-utility-success-dark-bg: #073321; --nexi-v2-foundation-color-utility-success-dark-fg: #75E0A7; --nexi-v2-foundation-color-utility-success-dark-border: #47CD89; --nexi-v2-foundation-color-utility-warning-light-bg: #FFFAEB; --nexi-v2-foundation-color-utility-warning-light-fg: #93370D; --nexi-v2-foundation-color-utility-warning-light-border: #B54708; --nexi-v2-foundation-color-utility-warning-dark-bg: #35260D; --nexi-v2-foundation-color-utility-warning-dark-fg: #FEDF89; --nexi-v2-foundation-color-utility-warning-dark-border: #FEC84B; --nexi-v2-foundation-color-utility-danger-light-bg: #FEF3F2; --nexi-v2-foundation-color-utility-danger-light-fg: #912018; --nexi-v2-foundation-color-utility-danger-light-border: #B42318; --nexi-v2-foundation-color-utility-danger-dark-bg: #3A1513; --nexi-v2-foundation-color-utility-danger-dark-fg: #FECDCA; --nexi-v2-foundation-color-utility-danger-dark-border: #FDA29B; --nexi-v2-foundation-color-utility-info-light-bg: #EFF8FF; --nexi-v2-foundation-color-utility-info-light-fg: #1849A9; --nexi-v2-foundation-color-utility-info-light-border: #175CD3; --nexi-v2-foundation-color-utility-info-dark-bg: #102A56; --nexi-v2-foundation-color-utility-info-dark-fg: #B2CCFF; --nexi-v2-foundation-color-utility-info-dark-border: #84ADFF; --nexi-v2-foundation-color-utility-hover-dark: #243247; --nexi-v2-foundation-color-iris-50: #F6F4FF; --nexi-v2-foundation-color-iris-100: #EDE9FF; --nexi-v2-foundation-color-iris-200: #DDD6FF; --nexi-v2-foundation-color-iris-300: #C4BAFF; --nexi-v2-foundation-color-iris-400: #A99AF6; --nexi-v2-foundation-color-iris-500: #8775EB; --nexi-v2-foundation-color-iris-600: #5846C8; --nexi-v2-foundation-color-iris-700: #4934AD; --nexi-v2-foundation-color-iris-800: #3B2B8A; --nexi-v2-foundation-color-iris-900: #2F236B; --nexi-v2-foundation-color-iris-950: #1A143B; --nexi-v2-foundation-color-lens-pearl: #F7F5F0; --nexi-v2-foundation-color-lens-apricot: #F5BA93; --nexi-v2-foundation-color-lens-muted-light: #596579; --nexi-v2-foundation-color-lens-message-dark: #171C2C; --nexi-v2-foundation-space-0: 0rem; --nexi-v2-foundation-space-1: 0.25rem; --nexi-v2-foundation-space-2: 0.5rem; --nexi-v2-foundation-space-3: 0.75rem; --nexi-v2-foundation-space-4: 1rem; --nexi-v2-foundation-space-5: 1.25rem; --nexi-v2-foundation-space-6: 1.5rem; --nexi-v2-foundation-space-8: 2rem; --nexi-v2-foundation-space-10: 2.5rem; --nexi-v2-foundation-space-12: 3rem; --nexi-v2-foundation-space-16: 4rem; --nexi-v2-foundation-space-20: 5rem; --nexi-v2-foundation-space-24: 6rem; --nexi-v2-foundation-radius-none: 0px; --nexi-v2-foundation-radius-small: 6px; --nexi-v2-foundation-radius-control: 8px; --nexi-v2-foundation-radius-card: 12px; --nexi-v2-foundation-radius-panel: 16px; --nexi-v2-foundation-radius-pill: 9999px; --nexi-v2-foundation-stroke-hairline: 1px; --nexi-v2-foundation-stroke-emphasis: 2px; --nexi-v2-foundation-stroke-focus: 3px; --nexi-v2-foundation-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-font-weight-regular: 400; --nexi-v2-foundation-font-weight-medium: 500; --nexi-v2-foundation-font-weight-semibold: 600; --nexi-v2-foundation-font-weight-bold: 700; --nexi-v2-foundation-typography-display-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-typography-display-font-size: 3rem; --nexi-v2-foundation-typography-display-font-weight: 700; --nexi-v2-foundation-typography-display-letter-spacing: -0.96px; --nexi-v2-foundation-typography-display-line-height: 1.25; --nexi-v2-foundation-typography-heading1-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-typography-heading1-font-size: 2rem; --nexi-v2-foundation-typography-heading1-font-weight: 700; --nexi-v2-foundation-typography-heading1-letter-spacing: -0.64px; --nexi-v2-foundation-typography-heading1-line-height: 1.3125; --nexi-v2-foundation-typography-heading2-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-typography-heading2-font-size: 1.5rem; --nexi-v2-foundation-typography-heading2-font-weight: 600; --nexi-v2-foundation-typography-heading2-letter-spacing: -0.24px; --nexi-v2-foundation-typography-heading2-line-height: 1.41667; --nexi-v2-foundation-typography-heading3-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-typography-heading3-font-size: 1.25rem; --nexi-v2-foundation-typography-heading3-font-weight: 600; --nexi-v2-foundation-typography-heading3-letter-spacing: 0px; --nexi-v2-foundation-typography-heading3-line-height: 1.5; --nexi-v2-foundation-typography-body-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-typography-body-font-size: 1rem; --nexi-v2-foundation-typography-body-font-weight: 400; --nexi-v2-foundation-typography-body-letter-spacing: 0px; --nexi-v2-foundation-typography-body-line-height: 1.625; --nexi-v2-foundation-typography-ui-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-typography-ui-font-size: 0.875rem; --nexi-v2-foundation-typography-ui-font-weight: 500; --nexi-v2-foundation-typography-ui-letter-spacing: 0px; --nexi-v2-foundation-typography-ui-line-height: 1.57143; --nexi-v2-foundation-typography-caption-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-typography-caption-font-size: 0.75rem; --nexi-v2-foundation-typography-caption-font-weight: 400; --nexi-v2-foundation-typography-caption-letter-spacing: 0px; --nexi-v2-foundation-typography-caption-line-height: 1.5; --nexi-v2-foundation-typography-data-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-typography-data-font-size: 0.875rem; --nexi-v2-foundation-typography-data-font-weight: 500; --nexi-v2-foundation-typography-data-letter-spacing: 0px; --nexi-v2-foundation-typography-data-line-height: 1.57143; --nexi-v2-foundation-motion-duration-instant: 0ms; --nexi-v2-foundation-motion-duration-fast: 120ms; --nexi-v2-foundation-motion-duration-standard: 180ms; --nexi-v2-foundation-motion-duration-deliberate: 240ms; --nexi-v2-foundation-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1); --nexi-v2-foundation-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1); --nexi-v2-foundation-breakpoint-small: 640px; --nexi-v2-foundation-breakpoint-medium: 960px; --nexi-v2-foundation-breakpoint-wide: 1280px; --nexi-v2-foundation-layout-sidebar: 15rem; --nexi-v2-foundation-layout-detail-panel: 30rem; --nexi-v2-foundation-layout-dialog: 35rem; --nexi-v2-foundation-layout-reading: 45rem; --nexi-v2-foundation-layout-content-max: 90rem; --nexi-v2-foundation-size-compact-control: 36px; --nexi-v2-foundation-size-comfortable-control: 44px; --nexi-v2-foundation-size-compact-row: 40px; --nexi-v2-foundation-size-comfortable-row: 48px; --nexi-v2-foundation-size-touch-target: 44px; --nexi-v2-foundation-size-icon: 20px; --nexi-v2-foundation-size-icon-small: 16px; --nexi-v2-foundation-size-focus-offset: 2px; --nexi-v2-foundation-layer-base: 0; --nexi-v2-foundation-layer-sticky: 10; --nexi-v2-foundation-layer-dropdown: 20; --nexi-v2-foundation-layer-overlay: 30; --nexi-v2-foundation-layer-dialog: 40; --nexi-v2-foundation-layer-toast: 50; --nexi-v2-foundation-layer-tooltip: 60; --nexi-v2-foundation-shadow-raised: 0px 2px 8px 0px rgba(16, 24, 40, 0.1); --nexi-v2-foundation-shadow-overlay: 0px 8px 32px 0px rgba(16, 24, 40, 0.18); --nexi-v2-semantic-surface-canvas: #F7F9FC; --nexi-v2-semantic-surface-base: #FFFFFF; --nexi-v2-semantic-surface-raised: #FFFFFF; --nexi-v2-semantic-surface-subtle: #F2F4F7; --nexi-v2-semantic-surface-hover: #F2F4F7; --nexi-v2-semantic-text-primary: #101828; --nexi-v2-semantic-text-secondary: #475467; --nexi-v2-semantic-text-muted: #596579; --nexi-v2-semantic-text-link: #1849A9; --nexi-v2-semantic-text-ai: #3B2B8A; --nexi-v2-semantic-border-subtle: #D0D5DD; --nexi-v2-semantic-border-control: #667085; --nexi-v2-semantic-action-disabled-background: #EAECF0; --nexi-v2-semantic-action-disabled-foreground: #475467; --nexi-v2-semantic-action-primary-background: #5846C8; --nexi-v2-semantic-action-primary-foreground: #FFFFFF; --nexi-v2-semantic-action-primary-hover: #4934AD; --nexi-v2-semantic-action-primary-pressed: #3B2B8A; --nexi-v2-semantic-action-primary-border: #4934AD; --nexi-v2-semantic-action-selected-background: #F6F4FF; --nexi-v2-semantic-action-selected-foreground: #3B2B8A; --nexi-v2-semantic-action-secondary-background: #F6F4FF; --nexi-v2-semantic-action-secondary-foreground: #3B2B8A; --nexi-v2-semantic-action-secondary-border: #5846C8; --nexi-v2-semantic-action-secondary-hover: #EDE9FF; --nexi-v2-semantic-action-secondary-pressed: #DDD6FF; --nexi-v2-semantic-action-destructive-foreground: #FFFFFF; --nexi-v2-semantic-focus-ring: #175CD3; --nexi-v2-semantic-brand-accent: #5846C8; --nexi-v2-semantic-brand-on-accent: #FFFFFF; --nexi-v2-semantic-status-success-background: #ECFDF3; --nexi-v2-semantic-status-success-foreground: #05603A; --nexi-v2-semantic-status-success-border: #067647; --nexi-v2-semantic-status-success-icon: #067647; --nexi-v2-semantic-status-warning-background: #FFFAEB; --nexi-v2-semantic-status-warning-foreground: #93370D; --nexi-v2-semantic-status-warning-border: #B54708; --nexi-v2-semantic-status-warning-icon: #B54708; --nexi-v2-semantic-status-danger-background: #FEF3F2; --nexi-v2-semantic-status-danger-foreground: #912018; --nexi-v2-semantic-status-danger-border: #B42318; --nexi-v2-semantic-status-danger-icon: #B42318; --nexi-v2-semantic-status-information-background: #EFF8FF; --nexi-v2-semantic-status-information-foreground: #1849A9; --nexi-v2-semantic-status-information-border: #175CD3; --nexi-v2-semantic-status-information-icon: #175CD3; --nexi-v2-semantic-status-neutral-background: #F2F4F7; --nexi-v2-semantic-status-neutral-foreground: #344054; --nexi-v2-semantic-status-neutral-border: #667085; --nexi-v2-semantic-status-neutral-icon: #667085; --nexi-v2-semantic-ai-badge-background: #EDE9FF; --nexi-v2-semantic-ai-badge-foreground: #3B2B8A; --nexi-v2-semantic-ai-badge-border: #4934AD; --nexi-v2-semantic-ai-message-background: #F7F5F0; --nexi-v2-semantic-ai-message-border: #D0D5DD; --nexi-v2-component-button-primary-background: #5846C8; --nexi-v2-component-button-primary-foreground: #FFFFFF; --nexi-v2-component-button-primary-hover: #4934AD; --nexi-v2-component-button-primary-pressed: #3B2B8A; --nexi-v2-component-button-primary-border: #4934AD; --nexi-v2-component-button-secondary-background: #F6F4FF; --nexi-v2-component-button-secondary-foreground: #3B2B8A; --nexi-v2-component-button-secondary-border: #5846C8; --nexi-v2-component-button-secondary-hover: #EDE9FF; --nexi-v2-component-button-secondary-pressed: #DDD6FF; --nexi-v2-component-button-disabled-background: #EAECF0; --nexi-v2-component-button-disabled-foreground: #475467; --nexi-v2-component-button-height: 44px; --nexi-v2-component-button-radius: 8px; --nexi-v2-component-button-padding-inline: 1rem; --nexi-v2-component-button-gap: 0.5rem; --nexi-v2-component-button-ghost-background: #FFFFFF; --nexi-v2-component-button-ghost-foreground: #3B2B8A; --nexi-v2-component-button-ghost-hover: #F2F4F7; --nexi-v2-component-button-ghost-pressed: #F2F4F7; --nexi-v2-component-button-destructive-background: #B42318; --nexi-v2-component-button-destructive-foreground: #FFFFFF; --nexi-v2-component-button-typography-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-component-button-typography-font-size: 0.875rem; --nexi-v2-component-button-typography-font-weight: 500; --nexi-v2-component-button-typography-letter-spacing: 0px; --nexi-v2-component-button-typography-line-height: 1.57143; --nexi-v2-component-field-background: #FFFFFF; --nexi-v2-component-field-foreground: #101828; --nexi-v2-component-field-placeholder: #596579; --nexi-v2-component-field-border: #667085; --nexi-v2-component-field-error-border: #B42318; --nexi-v2-component-field-height: 44px; --nexi-v2-component-field-radius: 8px; --nexi-v2-component-field-padding-inline: 0.75rem; --nexi-v2-component-card-background: #FFFFFF; --nexi-v2-component-card-border: #D0D5DD; --nexi-v2-component-card-radius: 12px; --nexi-v2-component-card-padding: 1.5rem; --nexi-v2-component-table-header-background: #F2F4F7; --nexi-v2-component-table-row-background: #FFFFFF; --nexi-v2-component-table-row-hover: #F2F4F7; --nexi-v2-component-table-row-height: 48px; --nexi-v2-component-nav-selected-background: #F6F4FF; --nexi-v2-component-nav-selected-foreground: #3B2B8A; --nexi-v2-component-badge-warning-background: #FFFAEB; --nexi-v2-component-badge-warning-foreground: #93370D; --nexi-v2-component-focus-color: #175CD3; --nexi-v2-component-focus-width: 3px; --nexi-v2-component-focus-offset: 2px; --nexi-v2-component-panel-radius: 16px; --nexi-v2-component-icon-size: 20px; --nexi-v2-component-transition-duration: 120ms; --nexi-v2-component-transition-easing: cubic-bezier(0.2, 0, 0, 1); --nexi-v2-component-overlay-shadow: 0px 8px 32px 0px rgba(16, 24, 40, 0.18); --nexi-v2-component-ai-badge-background: #EDE9FF; --nexi-v2-component-ai-badge-foreground: #3B2B8A; --nexi-v2-component-ai-badge-border: #4934AD; --nexi-v2-component-ai-badge-radius: 9999px; --nexi-v2-component-message-background: #F7F5F0; --nexi-v2-component-message-foreground: #101828; --nexi-v2-component-message-secondary-text: #475467; --nexi-v2-component-message-border: #D0D5DD; --nexi-v2-component-message-radius: 12px; --nexi-v2-component-message-padding: 1rem; --nexi-v2-component-composer-background: #FFFFFF; --nexi-v2-component-composer-foreground: #101828; --nexi-v2-component-composer-placeholder: #596579; --nexi-v2-component-composer-border: #667085; --nexi-v2-component-composer-radius: 16px; --nexi-v2-component-composer-padding: 1rem; --nexi-v2-component-composer-minimum-height: 112px; --nexi-v2-component-suggestion-background: #F6F4FF; --nexi-v2-component-suggestion-foreground: #3B2B8A; --nexi-v2-component-suggestion-border: #5846C8; --nexi-v2-component-avatar-size: 32px; --nexi-v2-component-context-badge-background: #F2F4F7; --nexi-v2-component-context-badge-foreground: #475467; --nexi-v2-component-context-badge-border: #667085; --nexi-v2-component-review-card-background: #FFFFFF; --nexi-v2-component-review-card-foreground: #101828; --nexi-v2-component-review-card-border: #D0D5DD; --nexi-v2-component-review-card-secondary-text: #475467; } [data-nexi-v2][data-nexi-mode="dark"] { --nexi-v2-foundation-color-neutral-0: #FFFFFF; --nexi-v2-foundation-color-neutral-25: #FCFCFD; --nexi-v2-foundation-color-neutral-50: #F9FAFB; --nexi-v2-foundation-color-neutral-75: #F7F9FC; --nexi-v2-foundation-color-neutral-100: #F2F4F7; --nexi-v2-foundation-color-neutral-200: #EAECF0; --nexi-v2-foundation-color-neutral-300: #D0D5DD; --nexi-v2-foundation-color-neutral-400: #98A2B3; --nexi-v2-foundation-color-neutral-500: #667085; --nexi-v2-foundation-color-neutral-600: #475467; --nexi-v2-foundation-color-neutral-700: #344054; --nexi-v2-foundation-color-neutral-800: #1D2939; --nexi-v2-foundation-color-neutral-900: #101828; --nexi-v2-foundation-color-neutral-950: #0B1220; --nexi-v2-foundation-color-jade-50: #F0FDF8; --nexi-v2-foundation-color-jade-100: #DCFCEB; --nexi-v2-foundation-color-jade-200: #B7F3D6; --nexi-v2-foundation-color-jade-300: #8DE8CA; --nexi-v2-foundation-color-jade-400: #3FD6B0; --nexi-v2-foundation-color-jade-500: #13B892; --nexi-v2-foundation-color-jade-600: #007F6D; --nexi-v2-foundation-color-jade-700: #006657; --nexi-v2-foundation-color-jade-800: #005347; --nexi-v2-foundation-color-jade-900: #06473E; --nexi-v2-foundation-color-jade-950: #062D26; --nexi-v2-foundation-color-cobalt-50: #EFF4FF; --nexi-v2-foundation-color-cobalt-100: #D1E0FF; --nexi-v2-foundation-color-cobalt-200: #B2CCFF; --nexi-v2-foundation-color-cobalt-300: #84ADFF; --nexi-v2-foundation-color-cobalt-400: #528BFF; --nexi-v2-foundation-color-cobalt-500: #2970FF; --nexi-v2-foundation-color-cobalt-600: #175CD3; --nexi-v2-foundation-color-cobalt-700: #1849A9; --nexi-v2-foundation-color-cobalt-800: #194185; --nexi-v2-foundation-color-cobalt-900: #102A56; --nexi-v2-foundation-color-cobalt-950: #0A1B38; --nexi-v2-foundation-color-coral-50: #FFF1ED; --nexi-v2-foundation-color-coral-100: #FFE1D8; --nexi-v2-foundation-color-coral-200: #FFC2B2; --nexi-v2-foundation-color-coral-300: #FFA18B; --nexi-v2-foundation-color-coral-400: #FF806B; --nexi-v2-foundation-color-coral-500: #F9705A; --nexi-v2-foundation-color-coral-600: #ED634E; --nexi-v2-foundation-color-coral-700: #BA432F; --nexi-v2-foundation-color-coral-800: #A13222; --nexi-v2-foundation-color-coral-900: #712C24; --nexi-v2-foundation-color-coral-950: #381713; --nexi-v2-foundation-color-utility-control-dark: #8290A8; --nexi-v2-foundation-color-utility-success-light-bg: #ECFDF3; --nexi-v2-foundation-color-utility-success-light-fg: #05603A; --nexi-v2-foundation-color-utility-success-light-border: #067647; --nexi-v2-foundation-color-utility-success-dark-bg: #073321; --nexi-v2-foundation-color-utility-success-dark-fg: #75E0A7; --nexi-v2-foundation-color-utility-success-dark-border: #47CD89; --nexi-v2-foundation-color-utility-warning-light-bg: #FFFAEB; --nexi-v2-foundation-color-utility-warning-light-fg: #93370D; --nexi-v2-foundation-color-utility-warning-light-border: #B54708; --nexi-v2-foundation-color-utility-warning-dark-bg: #35260D; --nexi-v2-foundation-color-utility-warning-dark-fg: #FEDF89; --nexi-v2-foundation-color-utility-warning-dark-border: #FEC84B; --nexi-v2-foundation-color-utility-danger-light-bg: #FEF3F2; --nexi-v2-foundation-color-utility-danger-light-fg: #912018; --nexi-v2-foundation-color-utility-danger-light-border: #B42318; --nexi-v2-foundation-color-utility-danger-dark-bg: #3A1513; --nexi-v2-foundation-color-utility-danger-dark-fg: #FECDCA; --nexi-v2-foundation-color-utility-danger-dark-border: #FDA29B; --nexi-v2-foundation-color-utility-info-light-bg: #EFF8FF; --nexi-v2-foundation-color-utility-info-light-fg: #1849A9; --nexi-v2-foundation-color-utility-info-light-border: #175CD3; --nexi-v2-foundation-color-utility-info-dark-bg: #102A56; --nexi-v2-foundation-color-utility-info-dark-fg: #B2CCFF; --nexi-v2-foundation-color-utility-info-dark-border: #84ADFF; --nexi-v2-foundation-color-utility-hover-dark: #243247; --nexi-v2-foundation-color-iris-50: #F6F4FF; --nexi-v2-foundation-color-iris-100: #EDE9FF; --nexi-v2-foundation-color-iris-200: #DDD6FF; --nexi-v2-foundation-color-iris-300: #C4BAFF; --nexi-v2-foundation-color-iris-400: #A99AF6; --nexi-v2-foundation-color-iris-500: #8775EB; --nexi-v2-foundation-color-iris-600: #5846C8; --nexi-v2-foundation-color-iris-700: #4934AD; --nexi-v2-foundation-color-iris-800: #3B2B8A; --nexi-v2-foundation-color-iris-900: #2F236B; --nexi-v2-foundation-color-iris-950: #1A143B; --nexi-v2-foundation-color-lens-pearl: #F7F5F0; --nexi-v2-foundation-color-lens-apricot: #F5BA93; --nexi-v2-foundation-color-lens-muted-light: #596579; --nexi-v2-foundation-color-lens-message-dark: #171C2C; --nexi-v2-foundation-space-0: 0rem; --nexi-v2-foundation-space-1: 0.25rem; --nexi-v2-foundation-space-2: 0.5rem; --nexi-v2-foundation-space-3: 0.75rem; --nexi-v2-foundation-space-4: 1rem; --nexi-v2-foundation-space-5: 1.25rem; --nexi-v2-foundation-space-6: 1.5rem; --nexi-v2-foundation-space-8: 2rem; --nexi-v2-foundation-space-10: 2.5rem; --nexi-v2-foundation-space-12: 3rem; --nexi-v2-foundation-space-16: 4rem; --nexi-v2-foundation-space-20: 5rem; --nexi-v2-foundation-space-24: 6rem; --nexi-v2-foundation-radius-none: 0px; --nexi-v2-foundation-radius-small: 6px; --nexi-v2-foundation-radius-control: 8px; --nexi-v2-foundation-radius-card: 12px; --nexi-v2-foundation-radius-panel: 16px; --nexi-v2-foundation-radius-pill: 9999px; --nexi-v2-foundation-stroke-hairline: 1px; --nexi-v2-foundation-stroke-emphasis: 2px; --nexi-v2-foundation-stroke-focus: 3px; --nexi-v2-foundation-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-font-weight-regular: 400; --nexi-v2-foundation-font-weight-medium: 500; --nexi-v2-foundation-font-weight-semibold: 600; --nexi-v2-foundation-font-weight-bold: 700; --nexi-v2-foundation-typography-display-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-typography-display-font-size: 3rem; --nexi-v2-foundation-typography-display-font-weight: 700; --nexi-v2-foundation-typography-display-letter-spacing: -0.96px; --nexi-v2-foundation-typography-display-line-height: 1.25; --nexi-v2-foundation-typography-heading1-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-typography-heading1-font-size: 2rem; --nexi-v2-foundation-typography-heading1-font-weight: 700; --nexi-v2-foundation-typography-heading1-letter-spacing: -0.64px; --nexi-v2-foundation-typography-heading1-line-height: 1.3125; --nexi-v2-foundation-typography-heading2-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-typography-heading2-font-size: 1.5rem; --nexi-v2-foundation-typography-heading2-font-weight: 600; --nexi-v2-foundation-typography-heading2-letter-spacing: -0.24px; --nexi-v2-foundation-typography-heading2-line-height: 1.41667; --nexi-v2-foundation-typography-heading3-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-typography-heading3-font-size: 1.25rem; --nexi-v2-foundation-typography-heading3-font-weight: 600; --nexi-v2-foundation-typography-heading3-letter-spacing: 0px; --nexi-v2-foundation-typography-heading3-line-height: 1.5; --nexi-v2-foundation-typography-body-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-typography-body-font-size: 1rem; --nexi-v2-foundation-typography-body-font-weight: 400; --nexi-v2-foundation-typography-body-letter-spacing: 0px; --nexi-v2-foundation-typography-body-line-height: 1.625; --nexi-v2-foundation-typography-ui-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-typography-ui-font-size: 0.875rem; --nexi-v2-foundation-typography-ui-font-weight: 500; --nexi-v2-foundation-typography-ui-letter-spacing: 0px; --nexi-v2-foundation-typography-ui-line-height: 1.57143; --nexi-v2-foundation-typography-caption-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-typography-caption-font-size: 0.75rem; --nexi-v2-foundation-typography-caption-font-weight: 400; --nexi-v2-foundation-typography-caption-letter-spacing: 0px; --nexi-v2-foundation-typography-caption-line-height: 1.5; --nexi-v2-foundation-typography-data-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-foundation-typography-data-font-size: 0.875rem; --nexi-v2-foundation-typography-data-font-weight: 500; --nexi-v2-foundation-typography-data-letter-spacing: 0px; --nexi-v2-foundation-typography-data-line-height: 1.57143; --nexi-v2-foundation-motion-duration-instant: 0ms; --nexi-v2-foundation-motion-duration-fast: 120ms; --nexi-v2-foundation-motion-duration-standard: 180ms; --nexi-v2-foundation-motion-duration-deliberate: 240ms; --nexi-v2-foundation-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1); --nexi-v2-foundation-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1); --nexi-v2-foundation-breakpoint-small: 640px; --nexi-v2-foundation-breakpoint-medium: 960px; --nexi-v2-foundation-breakpoint-wide: 1280px; --nexi-v2-foundation-layout-sidebar: 15rem; --nexi-v2-foundation-layout-detail-panel: 30rem; --nexi-v2-foundation-layout-dialog: 35rem; --nexi-v2-foundation-layout-reading: 45rem; --nexi-v2-foundation-layout-content-max: 90rem; --nexi-v2-foundation-size-compact-control: 36px; --nexi-v2-foundation-size-comfortable-control: 44px; --nexi-v2-foundation-size-compact-row: 40px; --nexi-v2-foundation-size-comfortable-row: 48px; --nexi-v2-foundation-size-touch-target: 44px; --nexi-v2-foundation-size-icon: 20px; --nexi-v2-foundation-size-icon-small: 16px; --nexi-v2-foundation-size-focus-offset: 2px; --nexi-v2-foundation-layer-base: 0; --nexi-v2-foundation-layer-sticky: 10; --nexi-v2-foundation-layer-dropdown: 20; --nexi-v2-foundation-layer-overlay: 30; --nexi-v2-foundation-layer-dialog: 40; --nexi-v2-foundation-layer-toast: 50; --nexi-v2-foundation-layer-tooltip: 60; --nexi-v2-foundation-shadow-raised: 0px 2px 8px 0px rgba(16, 24, 40, 0.1); --nexi-v2-foundation-shadow-overlay: 0px 8px 32px 0px rgba(16, 24, 40, 0.18); --nexi-v2-semantic-surface-canvas: #0B1220; --nexi-v2-semantic-surface-base: #101828; --nexi-v2-semantic-surface-raised: #1D2939; --nexi-v2-semantic-surface-subtle: #1D2939; --nexi-v2-semantic-surface-hover: #243247; --nexi-v2-semantic-text-primary: #F9FAFB; --nexi-v2-semantic-text-secondary: #D0D5DD; --nexi-v2-semantic-text-muted: #98A2B3; --nexi-v2-semantic-text-link: #B2CCFF; --nexi-v2-semantic-text-ai: #DDD6FF; --nexi-v2-semantic-border-subtle: #344054; --nexi-v2-semantic-border-control: #8290A8; --nexi-v2-semantic-action-disabled-background: #1D2939; --nexi-v2-semantic-action-disabled-foreground: #98A2B3; --nexi-v2-semantic-action-primary-background: #C4BAFF; --nexi-v2-semantic-action-primary-foreground: #1A143B; --nexi-v2-semantic-action-primary-hover: #DDD6FF; --nexi-v2-semantic-action-primary-pressed: #EDE9FF; --nexi-v2-semantic-action-primary-border: #C4BAFF; --nexi-v2-semantic-action-selected-background: #1A143B; --nexi-v2-semantic-action-selected-foreground: #DDD6FF; --nexi-v2-semantic-action-secondary-background: #1A143B; --nexi-v2-semantic-action-secondary-foreground: #DDD6FF; --nexi-v2-semantic-action-secondary-border: #A99AF6; --nexi-v2-semantic-action-secondary-hover: #2F236B; --nexi-v2-semantic-action-secondary-pressed: #3B2B8A; --nexi-v2-semantic-action-destructive-foreground: #101828; --nexi-v2-semantic-focus-ring: #84ADFF; --nexi-v2-semantic-brand-accent: #C4BAFF; --nexi-v2-semantic-brand-on-accent: #1A143B; --nexi-v2-semantic-status-success-background: #073321; --nexi-v2-semantic-status-success-foreground: #75E0A7; --nexi-v2-semantic-status-success-border: #47CD89; --nexi-v2-semantic-status-success-icon: #47CD89; --nexi-v2-semantic-status-warning-background: #35260D; --nexi-v2-semantic-status-warning-foreground: #FEDF89; --nexi-v2-semantic-status-warning-border: #FEC84B; --nexi-v2-semantic-status-warning-icon: #FEC84B; --nexi-v2-semantic-status-danger-background: #3A1513; --nexi-v2-semantic-status-danger-foreground: #FECDCA; --nexi-v2-semantic-status-danger-border: #FDA29B; --nexi-v2-semantic-status-danger-icon: #FDA29B; --nexi-v2-semantic-status-information-background: #102A56; --nexi-v2-semantic-status-information-foreground: #B2CCFF; --nexi-v2-semantic-status-information-border: #84ADFF; --nexi-v2-semantic-status-information-icon: #84ADFF; --nexi-v2-semantic-status-neutral-background: #1D2939; --nexi-v2-semantic-status-neutral-foreground: #D0D5DD; --nexi-v2-semantic-status-neutral-border: #8290A8; --nexi-v2-semantic-status-neutral-icon: #8290A8; --nexi-v2-semantic-ai-badge-background: #1A143B; --nexi-v2-semantic-ai-badge-foreground: #DDD6FF; --nexi-v2-semantic-ai-badge-border: #A99AF6; --nexi-v2-semantic-ai-message-background: #171C2C; --nexi-v2-semantic-ai-message-border: #344054; --nexi-v2-component-button-primary-background: #C4BAFF; --nexi-v2-component-button-primary-foreground: #1A143B; --nexi-v2-component-button-primary-hover: #DDD6FF; --nexi-v2-component-button-primary-pressed: #EDE9FF; --nexi-v2-component-button-primary-border: #C4BAFF; --nexi-v2-component-button-secondary-background: #1A143B; --nexi-v2-component-button-secondary-foreground: #DDD6FF; --nexi-v2-component-button-secondary-border: #A99AF6; --nexi-v2-component-button-secondary-hover: #2F236B; --nexi-v2-component-button-secondary-pressed: #3B2B8A; --nexi-v2-component-button-disabled-background: #1D2939; --nexi-v2-component-button-disabled-foreground: #98A2B3; --nexi-v2-component-button-height: 44px; --nexi-v2-component-button-radius: 8px; --nexi-v2-component-button-padding-inline: 1rem; --nexi-v2-component-button-gap: 0.5rem; --nexi-v2-component-button-ghost-background: #101828; --nexi-v2-component-button-ghost-foreground: #DDD6FF; --nexi-v2-component-button-ghost-hover: #1D2939; --nexi-v2-component-button-ghost-pressed: #243247; --nexi-v2-component-button-destructive-background: #FDA29B; --nexi-v2-component-button-destructive-foreground: #101828; --nexi-v2-component-button-typography-font-family: "Be Vietnam Pro", sans-serif; --nexi-v2-component-button-typography-font-size: 0.875rem; --nexi-v2-component-button-typography-font-weight: 500; --nexi-v2-component-button-typography-letter-spacing: 0px; --nexi-v2-component-button-typography-line-height: 1.57143; --nexi-v2-component-field-background: #1D2939; --nexi-v2-component-field-foreground: #F9FAFB; --nexi-v2-component-field-placeholder: #98A2B3; --nexi-v2-component-field-border: #8290A8; --nexi-v2-component-field-error-border: #FDA29B; --nexi-v2-component-field-height: 44px; --nexi-v2-component-field-radius: 8px; --nexi-v2-component-field-padding-inline: 0.75rem; --nexi-v2-component-card-background: #1D2939; --nexi-v2-component-card-border: #344054; --nexi-v2-component-card-radius: 12px; --nexi-v2-component-card-padding: 1.5rem; --nexi-v2-component-table-header-background: #1D2939; --nexi-v2-component-table-row-background: #1D2939; --nexi-v2-component-table-row-hover: #243247; --nexi-v2-component-table-row-height: 48px; --nexi-v2-component-nav-selected-background: #1A143B; --nexi-v2-component-nav-selected-foreground: #DDD6FF; --nexi-v2-component-badge-warning-background: #35260D; --nexi-v2-component-badge-warning-foreground: #FEDF89; --nexi-v2-component-focus-color: #84ADFF; --nexi-v2-component-focus-width: 3px; --nexi-v2-component-focus-offset: 2px; --nexi-v2-component-panel-radius: 16px; --nexi-v2-component-icon-size: 20px; --nexi-v2-component-transition-duration: 120ms; --nexi-v2-component-transition-easing: cubic-bezier(0.2, 0, 0, 1); --nexi-v2-component-overlay-shadow: 0px 8px 32px 0px rgba(16, 24, 40, 0.18); --nexi-v2-component-ai-badge-background: #1A143B; --nexi-v2-component-ai-badge-foreground: #DDD6FF; --nexi-v2-component-ai-badge-border: #A99AF6; --nexi-v2-component-ai-badge-radius: 9999px; --nexi-v2-component-message-background: #171C2C; --nexi-v2-component-message-foreground: #F9FAFB; --nexi-v2-component-message-secondary-text: #D0D5DD; --nexi-v2-component-message-border: #344054; --nexi-v2-component-message-radius: 12px; --nexi-v2-component-message-padding: 1rem; --nexi-v2-component-composer-background: #1D2939; --nexi-v2-component-composer-foreground: #F9FAFB; --nexi-v2-component-composer-placeholder: #98A2B3; --nexi-v2-component-composer-border: #8290A8; --nexi-v2-component-composer-radius: 16px; --nexi-v2-component-composer-padding: 1rem; --nexi-v2-component-composer-minimum-height: 112px; --nexi-v2-component-suggestion-background: #1A143B; --nexi-v2-component-suggestion-foreground: #DDD6FF; --nexi-v2-component-suggestion-border: #A99AF6; --nexi-v2-component-avatar-size: 32px; --nexi-v2-component-context-badge-background: #1D2939; --nexi-v2-component-context-badge-foreground: #D0D5DD; --nexi-v2-component-context-badge-border: #8290A8; --nexi-v2-component-review-card-background: #1D2939; --nexi-v2-component-review-card-foreground: #F9FAFB; --nexi-v2-component-review-card-border: #344054; --nexi-v2-component-review-card-secondary-text: #D0D5DD; } [data-nexi-v2][data-nexi-density="compact"] { --nexi-v2-component-button-height: 36px; --nexi-v2-component-field-height: 36px; --nexi-v2-component-table-row-height: 40px; } @media (pointer: coarse) { [data-nexi-v2], [data-nexi-v2][data-nexi-mode], [data-nexi-v2][data-nexi-density] { --nexi-v2-component-button-height: 44px; --nexi-v2-component-field-height: 44px; --nexi-v2-component-table-row-height: 48px; } } @media (prefers-reduced-motion: reduce) { [data-nexi-v2], [data-nexi-v2][data-nexi-mode] { --nexi-v2-foundation-motion-duration-instant: 0ms; --nexi-v2-foundation-motion-duration-fast: 0ms; --nexi-v2-foundation-motion-duration-standard: 0ms; --nexi-v2-foundation-motion-duration-deliberate: 0ms; --nexi-v2-component-transition-duration: 0ms; } }