/* Generated from Ionic Landing System. Do not edit by hand. */
.marketing-home {
  --borderRadius-radius-card: 10px;
  --borderRadius-radius-control: 8px;
  --borderRadius-radius-full: 9999px;
  --borderRadius-radius-modal: 12px;
  --borderRadius-radius-none: 0;
  --borderWidth-default: 1px;
  --borderWidth-heavy: 3px;
  --borderWidth-medium: 2px;
  --borderWidth-none: 0;
  --borderWidth-thick: 4px;
  --borderWidth-thin: 1px;
  --color-accent-base: #6366f1;
  --color-accent-fill: #25284b;
  --color-accent-foreground: #ffffff;
  --color-accent-strong: #6f72fd;
  --color-accent-tint: #171930;
  --color-accent-tintForeground: #8184ff;
  --color-border-default: #2f3137;
  --color-border-strong: #46484e;
  --color-danger-base: #f04438;
  --color-danger-fill: #442022;
  --color-danger-foreground: #18181b;
  --color-danger-strong: #fc5044;
  --color-danger-tint: #2b1416;
  --color-danger-tintForeground: #ff5549;
  --color-info-base: #2e90fa;
  --color-info-fill: #1a314d;
  --color-info-foreground: #18181b;
  --color-info-strong: #3a9cff;
  --color-info-tint: #101e31;
  --color-info-tintForeground: #3799ff;
  --color-primary-base: #f5f7ff;
  --color-primary-fill: #46484e;
  --color-primary-focus: #f5f7ff;
  --color-primary-foreground: #18181b;
  --color-primary-selectedTint: #222428;
  --color-primary-strong: #e9ebf3;
  --color-primary-tint: #2c2d31;
  --color-primary-tintForeground: #f5f7ff;
  --color-secondary-base: #2a2d3a;
  --color-secondary-fill: #191b23;
  --color-secondary-foreground: #fafafa;
  --color-secondary-strong: #363946;
  --color-secondary-tint: #0f1116;
  --color-secondary-tintForeground: #808390;
  --color-success-base: #10b981;
  --color-success-fill: #133a32;
  --color-success-foreground: #18181b;
  --color-success-strong: #1cc58d;
  --color-success-tint: #0c2420;
  --color-success-tintForeground: #10b981;
  --color-surface-canvas: #0b0c10;
  --color-surface-elevated: #1a1c22;
  --color-surface-panel: #14161c;
  --color-text-muted: #94a3b8;
  --color-text-primary: #f5f7ff;
  --color-text-secondary: #b6b8bf;
  --color-warning-base: #f79009;
  --color-warning-fill: #463118;
  --color-warning-foreground: #18181b;
  --color-warning-strong: #ff9c15;
  --color-warning-tint: #2c1e0f;
  --color-warning-tintForeground: #f79009;
  --fontFamily-display: "PP Neue Machina", system-ui, sans-serif;
  --fontFamily-mono: "Space Mono", ui-monospace, monospace;
  --fontFamily-text: "Neue Montreal", system-ui, sans-serif;
  --fontSize-2xl: 24px;
  --fontSize-2xs: 10px;
  --fontSize-3xl: 30px;
  --fontSize-4xl: 36px;
  --fontSize-base: 16px;
  --fontSize-lg: 18px;
  --fontSize-md: 16px;
  --fontSize-sm: 14px;
  --fontSize-tab-sm: 16px;
  --fontSize-xl: 20px;
  --fontSize-xs: 12px;
  --fontWeight-bold: 700;
  --fontWeight-medium: 500;
  --fontWeight-normal: 400;
  --fontWeight-semibold: 600;
  --letterSpacing-normal: 0;
  --letterSpacing-tight: -0.01em;
  --letterSpacing-wide: 0.02em;
  --lineHeight-compact: 1.4;
  --lineHeight-loose: 2;
  --lineHeight-normal: 1.55;
  --lineHeight-relaxed: 1.75;
  --lineHeight-snug: 1.375;
  --lineHeight-tight: 1.25;
  --menu-accentPreset: subtle;
  --menu-colorPreset: dark;
  --motion-duration-base: 240ms;
  --motion-duration-fast: 160ms;
  --motion-duration-instant: 0ms;
  --motion-duration-slow: 640ms;
  --motion-easing-enter: cubic-bezier(0, 0, 0, 1);
  --motion-easing-exit: cubic-bezier(0.3, 0, 1, 1);
  --motion-easing-spring: cubic-bezier(0.5, 1.6, 0.4, 1);
  --motion-easing-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-offset-lg: 24px;
  --motion-offset-md: 18px;
  --motion-offset-none: 0px;
  --motion-offset-sm: 8px;
  --opacity-25: 0.25;
  --opacity-50: 0.5;
  --opacity-60: 0.6;
  --opacity-75: 0.75;
  --opacity-opaque: 1;
  --opacity-transparent: 0;
  --shadow-lg: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-md: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-none: none;
  --shadow-preset: soft;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-xl: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --size-container-maxWidth-lg: 576px;
  --size-container-maxWidth-md: 448px;
  --size-container-maxWidth-sm: 320px;
  --size-container-maxWidth-xl: 1120px;
  --size-control-inset-lg: 10px 20px;
  --size-control-inset-md: 8px 16px;
  --size-control-inset-sm: 6px 12px;
  --size-icon-lg: 24px;
  --size-icon-md: 20px;
  --size-icon-sm: 16px;
  --size-menuitem-minHeight-lg: 44px;
  --size-menuitem-minHeight-md: 36px;
  --size-menuitem-minHeight-sm: 32px;
  --size-minHeight-controlLg: 48px;
  --size-minHeight-controlMd: 40px;
  --size-minHeight-controlSm: 32px;
  --size-tab-inset-lg: 10px 20px;
  --size-tab-inset-md: 8px 16px;
  --size-tab-inset-sm: 6px 12px;
  --spacing-space-controlX: 16px;
  --spacing-space-controlY: 8px;
  --spacing-space-gap: 16px;
  --spacing-space-panel: 32px;
  --spacing-space-section: 64px;
  --semantic-action-primary-background: var(--color-primary-base);
  --semantic-action-primary-foreground: var(--color-primary-foreground);
  --semantic-action-primary-hoverBackground: var(--color-primary-strong);
  --semantic-action-primary-pressedBackground: var(--color-primary-strong);
  --semantic-action-primary-tintBackground: var(--color-primary-tint);
  --semantic-action-primary-tintBorder: var(--color-primary-fill);
  --semantic-action-primary-tintForeground: var(--color-primary-tintForeground);
  --semantic-action-secondary-background: var(--color-secondary-fill);
  --semantic-action-secondary-foreground: var(--color-secondary-foreground);
  --semantic-action-secondary-hoverBackground: var(--color-secondary-strong);
  --semantic-action-secondary-pressedBackground: var(--color-secondary-strong);
  --semantic-action-secondary-tintForeground: var(--color-secondary-tintForeground);
  --semantic-border-default: var(--color-border-default);
  --semantic-border-focus: var(--color-accent-base);
  --semantic-border-strong: var(--color-border-strong);
  --semantic-border-subtle: var(--color-border-default);
  --semantic-gradient-accent: linear-gradient(135deg, var(--color-accent-base) 0%, var(--color-accent-strong) 100%);
  --semantic-gradient-danger: linear-gradient(135deg, var(--color-danger-base) 0%, var(--color-danger-strong) 100%);
  --semantic-gradient-info: linear-gradient(135deg, var(--color-info-base) 0%, var(--color-info-strong) 100%);
  --semantic-gradient-primary: linear-gradient(135deg, var(--color-primary-base) 0%, var(--color-primary-strong) 100%);
  --semantic-gradient-secondary: linear-gradient(135deg, var(--color-secondary-base) 0%, var(--color-secondary-strong) 100%);
  --semantic-gradient-success: linear-gradient(135deg, var(--color-success-base) 0%, var(--color-success-strong) 100%);
  --semantic-gradient-surface: linear-gradient(135deg, var(--color-surface-canvas) 0%, var(--color-surface-panel) 100%);
  --semantic-gradient-warning: linear-gradient(135deg, var(--color-warning-base) 0%, var(--color-warning-strong) 100%);
  --semantic-motion-emphasis-duration: var(--motion-duration-slow);
  --semantic-motion-emphasis-easing: var(--motion-easing-spring);
  --semantic-motion-emphasis-offset: var(--motion-offset-lg);
  --semantic-motion-enter-duration: var(--motion-duration-base);
  --semantic-motion-enter-easing: var(--motion-easing-enter);
  --semantic-motion-enter-offset: var(--motion-offset-md);
  --semantic-motion-exit-duration: var(--motion-duration-fast);
  --semantic-motion-exit-easing: var(--motion-easing-exit);
  --semantic-motion-exit-offset: var(--motion-offset-md);
  --semantic-motion-feedback-duration: var(--motion-duration-fast);
  --semantic-motion-feedback-easing: var(--motion-easing-standard);
  --semantic-motion-feedback-offset: var(--motion-offset-sm);
  --semantic-status-danger-background: var(--color-danger-base);
  --semantic-status-danger-foreground: var(--color-danger-foreground);
  --semantic-status-danger-hoverBackground: var(--color-danger-strong);
  --semantic-status-danger-pressedBackground: var(--color-danger-strong);
  --semantic-status-danger-tintBackground: var(--color-danger-tint);
  --semantic-status-danger-tintBorder: var(--color-danger-fill);
  --semantic-status-danger-tintForeground: var(--color-danger-tintForeground);
  --semantic-status-info-background: var(--color-info-base);
  --semantic-status-info-foreground: var(--color-info-foreground);
  --semantic-status-info-hoverBackground: var(--color-info-strong);
  --semantic-status-info-pressedBackground: var(--color-info-strong);
  --semantic-status-info-tintBackground: var(--color-info-tint);
  --semantic-status-info-tintBorder: var(--color-info-fill);
  --semantic-status-info-tintForeground: var(--color-info-tintForeground);
  --semantic-status-success-background: var(--color-success-base);
  --semantic-status-success-foreground: var(--color-success-foreground);
  --semantic-status-success-hoverBackground: var(--color-success-strong);
  --semantic-status-success-pressedBackground: var(--color-success-strong);
  --semantic-status-success-tintBackground: var(--color-success-tint);
  --semantic-status-success-tintBorder: var(--color-success-fill);
  --semantic-status-success-tintForeground: var(--color-success-tintForeground);
  --semantic-status-warning-background: var(--color-warning-base);
  --semantic-status-warning-foreground: var(--color-warning-foreground);
  --semantic-status-warning-hoverBackground: var(--color-warning-strong);
  --semantic-status-warning-pressedBackground: var(--color-warning-strong);
  --semantic-status-warning-tintBackground: var(--color-warning-tint);
  --semantic-status-warning-tintBorder: var(--color-warning-fill);
  --semantic-status-warning-tintForeground: var(--color-warning-tintForeground);
  --semantic-surface-canvas: var(--color-surface-canvas);
  --semantic-surface-elevated: var(--color-surface-elevated);
  --semantic-surface-inverse: var(--color-text-primary);
  --semantic-surface-panel: var(--color-surface-panel);
  --semantic-surface-selected: var(--color-primary-selectedTint);
  --semantic-text-muted: var(--color-text-muted);
  --semantic-text-onInverse: var(--color-surface-canvas);
  --semantic-text-primary: var(--color-text-primary);
  --semantic-text-secondary: var(--color-text-secondary);
  --semantic-typography-body-fontFamily: var(--fontFamily-text);
  --semantic-typography-body-fontSize: var(--fontSize-md);
  --semantic-typography-body-fontWeight: var(--fontWeight-normal);
  --semantic-typography-body-letterSpacing: var(--letterSpacing-normal);
  --semantic-typography-body-lineHeight: var(--lineHeight-normal);
  --semantic-typography-caption-fontFamily: var(--fontFamily-text);
  --semantic-typography-caption-fontSize: var(--fontSize-xs);
  --semantic-typography-caption-fontWeight: var(--fontWeight-normal);
  --semantic-typography-caption-letterSpacing: var(--letterSpacing-normal);
  --semantic-typography-caption-lineHeight: var(--lineHeight-snug);
  --semantic-typography-code-fontFamily: var(--fontFamily-mono);
  --semantic-typography-code-fontSize: var(--fontSize-sm);
  --semantic-typography-code-fontWeight: var(--fontWeight-normal);
  --semantic-typography-code-letterSpacing: var(--letterSpacing-normal);
  --semantic-typography-code-lineHeight: var(--lineHeight-normal);
  --semantic-typography-display-fontFamily: var(--fontFamily-display);
  --semantic-typography-display-fontSize: var(--fontSize-4xl);
  --semantic-typography-display-fontWeight: var(--fontWeight-bold);
  --semantic-typography-display-letterSpacing: var(--letterSpacing-tight);
  --semantic-typography-display-lineHeight: var(--lineHeight-tight);
  --semantic-typography-emphasis-fontFamily: var(--fontFamily-text);
  --semantic-typography-emphasis-fontSize: var(--fontSize-md);
  --semantic-typography-emphasis-fontWeight: var(--fontWeight-semibold);
  --semantic-typography-emphasis-letterSpacing: var(--letterSpacing-normal);
  --semantic-typography-emphasis-lineHeight: var(--lineHeight-normal);
  --semantic-typography-heading-lg-fontFamily: var(--fontFamily-display);
  --semantic-typography-heading-lg-fontSize: var(--fontSize-3xl);
  --semantic-typography-heading-lg-fontWeight: var(--fontWeight-bold);
  --semantic-typography-heading-lg-letterSpacing: var(--letterSpacing-tight);
  --semantic-typography-heading-lg-lineHeight: var(--lineHeight-tight);
  --semantic-typography-heading-md-fontFamily: var(--fontFamily-display);
  --semantic-typography-heading-md-fontSize: var(--fontSize-2xl);
  --semantic-typography-heading-md-fontWeight: var(--fontWeight-bold);
  --semantic-typography-heading-md-letterSpacing: var(--letterSpacing-tight);
  --semantic-typography-heading-md-lineHeight: var(--lineHeight-tight);
  --semantic-typography-heading-sm-fontFamily: var(--fontFamily-display);
  --semantic-typography-heading-sm-fontSize: var(--fontSize-xl);
  --semantic-typography-heading-sm-fontWeight: var(--fontWeight-semibold);
  --semantic-typography-heading-sm-letterSpacing: var(--letterSpacing-tight);
  --semantic-typography-heading-sm-lineHeight: var(--lineHeight-snug);
  --semantic-typography-label-fontFamily: var(--fontFamily-text);
  --semantic-typography-label-fontSize: var(--fontSize-sm);
  --semantic-typography-label-fontWeight: var(--fontWeight-medium);
  --semantic-typography-label-letterSpacing: var(--letterSpacing-normal);
  --semantic-typography-label-lineHeight: var(--lineHeight-snug);
  --component-Button-primary-background: var(--semantic-action-primary-background);
  --component-Button-primary-border: var(--semantic-action-primary-background);
  --component-Button-primary-hover: var(--semantic-action-primary-hoverBackground);
  --component-Button-primary-pressed: var(--semantic-action-primary-pressedBackground);
  --component-Button-primary-text: var(--semantic-action-primary-foreground);
  --component-Button-radius: var(--borderRadius-radius-control);
  --component-Input-background: var(--semantic-surface-canvas);
  --component-Input-border: var(--color-secondary-base);
  --component-Input-placeholder: var(--semantic-text-muted);
  --component-Input-radius: var(--borderRadius-radius-control);
  --component-Input-text: var(--semantic-text-primary);
}
/* Configuration soft */
[data-config="soft"] {
  --borderRadius-radius-card: 20px;
  --borderRadius-radius-control: 16px;
  --borderRadius-radius-modal: 24px;
  --color-accent-fill: #d4d6fc;
  --color-accent-tint: #e0e2fd;
  --color-accent-tintForeground: #484bd6;
  --color-border-default: #dadce8;
  --color-border-strong: #c4c7d5;
  --color-danger-fill: #f3cfd3;
  --color-danger-tint: #f3dde3;
  --color-danger-tintForeground: #bd1105;
  --color-info-fill: #c8e0fe;
  --color-info-tint: #d8e8fe;
  --color-info-tintForeground: #005ec8;
  --color-primary-base: #6366f1;
  --color-primary-fill: #d4d6fc;
  --color-primary-focus: #6366f1;
  --color-primary-foreground: #ffffff;
  --color-primary-selectedTint: #e6e8fe;
  --color-primary-strong: #6f72fd;
  --color-primary-tint: #e0e2fd;
  --color-primary-tintForeground: #484bd6;
  --color-secondary-fill: #c8cad4;
  --color-secondary-foreground: #18181b;
  --color-secondary-tint: #d8dae3;
  --color-secondary-tintForeground: #2a2d3a;
  --color-success-fill: #c2e9e3;
  --color-success-tint: #d4eded;
  --color-success-tintForeground: #00743c;
  --color-surface-canvas: #f4f6ff;
  --color-surface-elevated: #fafcff;
  --color-surface-panel: #f4f6ff;
  --color-text-muted: #5c6478;
  --color-text-primary: #1b2140;
  --color-text-secondary: #585d75;
  --color-warning-fill: #f5e0c9;
  --color-warning-tint: #f4e8dd;
  --color-warning-tintForeground: #ac4500;
  --fontSize-2xl: 22.5px;
  --fontSize-2xs: 9.38px;
  --fontSize-3xl: 28.13px;
  --fontSize-4xl: 33.75px;
  --fontSize-base: 15px;
  --fontSize-lg: 16.88px;
  --fontSize-md: 15px;
  --fontSize-sm: 13.13px;
  --fontSize-tab-sm: 15px;
  --fontSize-xl: 18.75px;
  --fontSize-xs: 11.25px;
  --fontWeight-medium: 600;
  --fontWeight-normal: 500;
  --size-menuitem-minHeight-lg: 48.4px;
  --size-menuitem-minHeight-md: 39.6px;
  --size-menuitem-minHeight-sm: 35.2px;
  --size-minHeight-controlLg: 52.8px;
  --size-minHeight-controlMd: 44px;
  --size-minHeight-controlSm: 35.2px;
  --spacing-space-panel: 24px;
  --spacing-space-section: 48px;
  --semantic-gradient-primary: linear-gradient(135deg, #6366f1 0%, #6f72fd 100%);
  --semantic-gradient-surface: linear-gradient(135deg, #f4f6ff 0%, #f4f6ff 100%);
}
@media (prefers-color-scheme: dark) {
  [data-config="soft"]:not([data-theme="light"]) {
    --color-accent-fill: #16183e;
    --color-accent-tint: #0e102b;
    --color-accent-tintForeground: #7073fe;
    --color-border-default: #171925;
    --color-border-strong: #2a2d3b;
    --color-danger-fill: #351115;
    --color-danger-tint: #220b11;
    --color-danger-tintForeground: #f14539;
    --color-info-fill: #0a2140;
    --color-info-tint: #06162c;
    --color-info-tintForeground: #2e90fa;
    --color-primary-fill: #16183e;
    --color-primary-selectedTint: #0a0c22;
    --color-primary-tint: #0e102b;
    --color-primary-tintForeground: #7073fe;
    --color-secondary-fill: #090b15;
    --color-secondary-foreground: #fafafa;
    --color-secondary-tint: #060812;
    --color-secondary-tintForeground: #767986;
    --color-success-fill: #042a25;
    --color-success-tint: #021c1c;
    --color-success-tintForeground: #10b981;
    --color-surface-canvas: #00020b;
    --color-surface-elevated: #060811;
    --color-surface-panel: #00020b;
    --color-text-muted: #878fa3;
    --color-text-primary: #bfc5e4;
    --color-text-secondary: #8a8ea7;
    --color-warning-fill: #36210b;
    --color-warning-tint: #23160b;
    --color-warning-tintForeground: #f79009;
    --semantic-gradient-surface: linear-gradient(135deg, #00020b 0%, #00020b 100%);
  }
}
[data-theme="dark"] [data-config="soft"]:not([data-theme="light"]),
[data-config="soft"][data-theme="dark"] {
  --color-accent-fill: #16183e;
  --color-accent-tint: #0e102b;
  --color-accent-tintForeground: #7073fe;
  --color-border-default: #171925;
  --color-border-strong: #2a2d3b;
  --color-danger-fill: #351115;
  --color-danger-tint: #220b11;
  --color-danger-tintForeground: #f14539;
  --color-info-fill: #0a2140;
  --color-info-tint: #06162c;
  --color-info-tintForeground: #2e90fa;
  --color-primary-fill: #16183e;
  --color-primary-selectedTint: #0a0c22;
  --color-primary-tint: #0e102b;
  --color-primary-tintForeground: #7073fe;
  --color-secondary-fill: #090b15;
  --color-secondary-foreground: #fafafa;
  --color-secondary-tint: #060812;
  --color-secondary-tintForeground: #767986;
  --color-success-fill: #042a25;
  --color-success-tint: #021c1c;
  --color-success-tintForeground: #10b981;
  --color-surface-canvas: #00020b;
  --color-surface-elevated: #060811;
  --color-surface-panel: #00020b;
  --color-text-muted: #878fa3;
  --color-text-primary: #bfc5e4;
  --color-text-secondary: #8a8ea7;
  --color-warning-fill: #36210b;
  --color-warning-tint: #23160b;
  --color-warning-tintForeground: #f79009;
  --semantic-gradient-surface: linear-gradient(135deg, #00020b 0%, #00020b 100%);
}
:root[data-theme="light"] [data-config="soft"]:not([data-theme="dark"]),
[data-theme="light"] [data-config="soft"]:not([data-theme="dark"]),
[data-theme="dark"] [data-config="soft"][data-theme="light"],
[data-config="soft"][data-theme="light"] {
  --color-accent-fill: #d4d6fc;
  --color-accent-tint: #e0e2fd;
  --color-accent-tintForeground: #484bd6;
  --color-border-default: #dadce8;
  --color-border-strong: #c4c7d5;
  --color-danger-fill: #f3cfd3;
  --color-danger-tint: #f3dde3;
  --color-danger-tintForeground: #bd1105;
  --color-info-fill: #c8e0fe;
  --color-info-tint: #d8e8fe;
  --color-info-tintForeground: #005ec8;
  --color-primary-fill: #d4d6fc;
  --color-primary-selectedTint: #e6e8fe;
  --color-primary-tint: #e0e2fd;
  --color-primary-tintForeground: #484bd6;
  --color-secondary-fill: #c8cad4;
  --color-secondary-foreground: #18181b;
  --color-secondary-tint: #d8dae3;
  --color-secondary-tintForeground: #2a2d3a;
  --color-success-fill: #c2e9e3;
  --color-success-tint: #d4eded;
  --color-success-tintForeground: #00743c;
  --color-surface-canvas: #f4f6ff;
  --color-surface-elevated: #fafcff;
  --color-surface-panel: #f4f6ff;
  --color-text-muted: #5c6478;
  --color-text-primary: #1b2140;
  --color-text-secondary: #585d75;
  --color-warning-fill: #f5e0c9;
  --color-warning-tint: #f4e8dd;
  --color-warning-tintForeground: #ac4500;
  --semantic-gradient-surface: linear-gradient(135deg, #f4f6ff 0%, #f4f6ff 100%);
}

/* Configuration compact */
[data-config="compact"] {
  --borderRadius-radius-card: 4px;
  --borderRadius-radius-control: 4px;
  --borderRadius-radius-modal: 4px;
  --color-accent-fill: #d3d5f5;
  --color-accent-tint: #dfe0f5;
  --color-accent-tintForeground: #474ad5;
  --color-border-default: #d9dadd;
  --color-border-strong: #c4c5c8;
  --color-danger-fill: #f2cdcc;
  --color-danger-tint: #f3dbdb;
  --color-danger-tintForeground: #bb0f03;
  --color-info-fill: #c8def7;
  --color-info-tint: #d7e6f7;
  --color-info-tintForeground: #005cc6;
  --color-primary-base: #3d4454;
  --color-primary-fill: #cbcdd2;
  --color-primary-focus: #3d4454;
  --color-primary-foreground: #fafafa;
  --color-primary-selectedTint: #e1e2e6;
  --color-primary-strong: #495060;
  --color-primary-tint: #dadbdf;
  --color-primary-tintForeground: #3d4454;
  --color-secondary-fill: #c7c8cd;
  --color-secondary-foreground: #18181b;
  --color-secondary-tint: #d7d8dc;
  --color-secondary-tintForeground: #2a2d3a;
  --color-success-fill: #c1e7dc;
  --color-success-tint: #d3ece6;
  --color-success-tintForeground: #00723a;
  --color-surface-canvas: #f3f4f6;
  --color-surface-elevated: #f9fafc;
  --color-surface-panel: #f3f4f6;
  --color-text-muted: #5e6570;
  --color-text-primary: #1c1f26;
  --color-text-secondary: #585b60;
  --color-warning-fill: #f4dec2;
  --color-warning-tint: #f4e6d5;
  --color-warning-tintForeground: #ab4400;
  --fontSize-2xl: 18.46px;
  --fontSize-2xs: 9.23px;
  --fontSize-3xl: 22.15px;
  --fontSize-4xl: 27.7px;
  --fontSize-base: 12px;
  --fontSize-lg: 12.92px;
  --fontSize-md: 12px;
  --fontSize-sm: 11.08px;
  --fontSize-tab-sm: 12px;
  --fontSize-xl: 14.77px;
  --fontSize-xs: 10.15px;
  --fontWeight-medium: 600;
  --fontWeight-normal: 500;
  --shadow-lg: none;
  --shadow-md: none;
  --shadow-preset: none;
  --shadow-sm: none;
  --shadow-xl: none;
  --size-control-inset-lg: 8px 16px;
  --size-control-inset-md: 6px 12px;
  --size-control-inset-sm: 4px 8px;
  --size-menuitem-minHeight-lg: 30.8px;
  --size-menuitem-minHeight-md: 25.2px;
  --size-menuitem-minHeight-sm: 22.4px;
  --size-minHeight-controlLg: 33.6px;
  --size-minHeight-controlMd: 28px;
  --size-minHeight-controlSm: 22.4px;
  --size-tab-inset-lg: 8px 16px;
  --size-tab-inset-md: 6px 12px;
  --size-tab-inset-sm: 4px 8px;
  --spacing-space-controlX: 8px;
  --spacing-space-controlY: 4px;
  --spacing-space-gap: 8px;
  --spacing-space-panel: 16px;
  --spacing-space-section: 32px;
  --semantic-gradient-primary: linear-gradient(135deg, #3d4454 0%, #495060 100%);
  --semantic-gradient-surface: linear-gradient(135deg, #f3f4f6 0%, #f3f4f6 100%);
}
@media (prefers-color-scheme: dark) {
  [data-config="compact"]:not([data-theme="light"]) {
    --color-accent-fill: #1d1e3e;
    --color-accent-tint: #16172c;
    --color-accent-tintForeground: #7578ff;
    --color-border-default: #222326;
    --color-border-strong: #37383b;
    --color-danger-fill: #3c1716;
    --color-danger-tint: #291212;
    --color-danger-tintForeground: #f74b3f;
    --color-info-fill: #112740;
    --color-info-tint: #0e1d2d;
    --color-info-tintForeground: #2e90fa;
    --color-primary-fill: #14171c;
    --color-primary-focus: #565d6d;
    --color-primary-selectedTint: #0e1013;
    --color-primary-tint: #101216;
    --color-primary-tintForeground: #798090;
    --color-secondary-fill: #101216;
    --color-secondary-foreground: #fafafa;
    --color-secondary-tint: #0e0f12;
    --color-secondary-tintForeground: #797c89;
    --color-success-fill: #0b3126;
    --color-success-tint: #0a231c;
    --color-success-tintForeground: #10b981;
    --color-surface-canvas: #090a0c;
    --color-surface-elevated: #0f1012;
    --color-surface-panel: #090a0c;
    --color-text-muted: #8f96a1;
    --color-text-primary: #d9dce3;
    --color-text-secondary: #9fa1a7;
    --color-warning-fill: #3d270b;
    --color-warning-tint: #2a1d0c;
    --color-warning-tintForeground: #f79009;
    --semantic-gradient-surface: linear-gradient(135deg, #090a0c 0%, #090a0c 100%);
  }
}
[data-theme="dark"] [data-config="compact"]:not([data-theme="light"]),
[data-config="compact"][data-theme="dark"] {
  --color-accent-fill: #1d1e3e;
  --color-accent-tint: #16172c;
  --color-accent-tintForeground: #7578ff;
  --color-border-default: #222326;
  --color-border-strong: #37383b;
  --color-danger-fill: #3c1716;
  --color-danger-tint: #291212;
  --color-danger-tintForeground: #f74b3f;
  --color-info-fill: #112740;
  --color-info-tint: #0e1d2d;
  --color-info-tintForeground: #2e90fa;
  --color-primary-fill: #14171c;
  --color-primary-focus: #565d6d;
  --color-primary-selectedTint: #0e1013;
  --color-primary-tint: #101216;
  --color-primary-tintForeground: #798090;
  --color-secondary-fill: #101216;
  --color-secondary-foreground: #fafafa;
  --color-secondary-tint: #0e0f12;
  --color-secondary-tintForeground: #797c89;
  --color-success-fill: #0b3126;
  --color-success-tint: #0a231c;
  --color-success-tintForeground: #10b981;
  --color-surface-canvas: #090a0c;
  --color-surface-elevated: #0f1012;
  --color-surface-panel: #090a0c;
  --color-text-muted: #8f96a1;
  --color-text-primary: #d9dce3;
  --color-text-secondary: #9fa1a7;
  --color-warning-fill: #3d270b;
  --color-warning-tint: #2a1d0c;
  --color-warning-tintForeground: #f79009;
  --semantic-gradient-surface: linear-gradient(135deg, #090a0c 0%, #090a0c 100%);
}
:root[data-theme="light"] [data-config="compact"]:not([data-theme="dark"]),
[data-theme="light"] [data-config="compact"]:not([data-theme="dark"]),
[data-theme="dark"] [data-config="compact"][data-theme="light"],
[data-config="compact"][data-theme="light"] {
  --color-accent-fill: #d3d5f5;
  --color-accent-tint: #dfe0f5;
  --color-accent-tintForeground: #474ad5;
  --color-border-default: #d9dadd;
  --color-border-strong: #c4c5c8;
  --color-danger-fill: #f2cdcc;
  --color-danger-tint: #f3dbdb;
  --color-danger-tintForeground: #bb0f03;
  --color-info-fill: #c8def7;
  --color-info-tint: #d7e6f7;
  --color-info-tintForeground: #005cc6;
  --color-primary-fill: #cbcdd2;
  --color-primary-focus: #3d4454;
  --color-primary-selectedTint: #e1e2e6;
  --color-primary-tint: #dadbdf;
  --color-primary-tintForeground: #3d4454;
  --color-secondary-fill: #c7c8cd;
  --color-secondary-foreground: #18181b;
  --color-secondary-tint: #d7d8dc;
  --color-secondary-tintForeground: #2a2d3a;
  --color-success-fill: #c1e7dc;
  --color-success-tint: #d3ece6;
  --color-success-tintForeground: #00723a;
  --color-surface-canvas: #f3f4f6;
  --color-surface-elevated: #f9fafc;
  --color-surface-panel: #f3f4f6;
  --color-text-muted: #5e6570;
  --color-text-primary: #1c1f26;
  --color-text-secondary: #585b60;
  --color-warning-fill: #f4dec2;
  --color-warning-tint: #f4e6d5;
  --color-warning-tintForeground: #ab4400;
  --semantic-gradient-surface: linear-gradient(135deg, #f3f4f6 0%, #f3f4f6 100%);
}

/* Configuration sharp */
[data-config="sharp"] {
  --borderRadius-radius-card: 0px;
  --borderRadius-radius-control: 0px;
  --borderRadius-radius-modal: 0px;
  --borderWidth-default: 2px;
  --borderWidth-heavy: 6px;
  --borderWidth-medium: 4px;
  --borderWidth-thick: 8px;
  --borderWidth-thin: 2px;
  --color-accent-fill: #ddddfc;
  --color-accent-tint: #e9eafd;
  --color-accent-tintForeground: #4d50db;
  --color-border-default: #e2e2e2;
  --color-border-strong: #c9caca;
  --color-danger-fill: #fcd6d3;
  --color-danger-tint: #fde5e3;
  --color-danger-tintForeground: #c4180c;
  --color-info-fill: #d1e7fe;
  --color-info-tint: #e2effe;
  --color-info-tintForeground: #0163cd;
  --color-primary-base: #0b0c10;
  --color-primary-fill: #c9caca;
  --color-primary-focus: #0b0c10;
  --color-primary-foreground: #fafafa;
  --color-primary-selectedTint: #e7e7e7;
  --color-primary-strong: #17181c;
  --color-primary-tint: #ddddde;
  --color-primary-tintForeground: #0b0c10;
  --color-secondary-fill: #d0d1d4;
  --color-secondary-foreground: #18181b;
  --color-secondary-tint: #e1e2e3;
  --color-secondary-tintForeground: #2a2d3a;
  --color-success-fill: #caf0e3;
  --color-success-tint: #def5ed;
  --color-success-tintForeground: #007840;
  --color-surface-canvas: #ffffff;
  --color-surface-elevated: #ffffff;
  --color-surface-panel: #ffffff;
  --color-text-muted: #3a3f4b;
  --color-text-primary: #0b0c10;
  --color-text-secondary: #4f5053;
  --color-warning-fill: #fde7c9;
  --color-warning-tint: #feefdd;
  --color-warning-tintForeground: #b14a00;
  --fontSize-2xl: 21px;
  --fontSize-2xs: 8.75px;
  --fontSize-3xl: 26.25px;
  --fontSize-4xl: 31.5px;
  --fontSize-base: 14px;
  --fontSize-lg: 15.75px;
  --fontSize-md: 14px;
  --fontSize-sm: 12.25px;
  --fontSize-tab-sm: 14px;
  --fontSize-xl: 17.5px;
  --fontSize-xs: 10.5px;
  --fontWeight-medium: 700;
  --fontWeight-normal: 700;
  --fontWeight-semibold: 700;
  --shadow-lg: none;
  --shadow-md: none;
  --shadow-preset: none;
  --shadow-sm: none;
  --shadow-xl: none;
  --size-menuitem-minHeight-lg: 39.6px;
  --size-menuitem-minHeight-md: 32.4px;
  --size-menuitem-minHeight-sm: 28.8px;
  --size-minHeight-controlLg: 43.2px;
  --size-minHeight-controlMd: 36px;
  --size-minHeight-controlSm: 28.8px;
  --spacing-space-controlX: 12px;
  --spacing-space-controlY: 6px;
  --spacing-space-gap: 12px;
  --spacing-space-panel: 20px;
  --spacing-space-section: 40px;
  --semantic-gradient-primary: linear-gradient(135deg, #0b0c10 0%, #17181c 100%);
  --semantic-gradient-surface: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
}
@media (prefers-color-scheme: dark) {
  [data-config="sharp"]:not([data-theme="light"]) {
    --color-accent-fill: #161635;
    --color-accent-tint: #0e0e22;
    --color-accent-tintForeground: #6e71fc;
    --color-border-default: #1d1d1d;
    --color-border-strong: #353536;
    --color-danger-fill: #350f0c;
    --color-danger-tint: #220a08;
    --color-danger-tintForeground: #f04438;
    --color-info-fill: #0a2037;
    --color-info-tint: #061423;
    --color-info-tintForeground: #2e90fa;
    --color-primary-fill: #020304;
    --color-primary-focus: #58595d;
    --color-primary-selectedTint: #010102;
    --color-primary-tint: #020202;
    --color-primary-tintForeground: #76777b;
    --color-secondary-fill: #090a0d;
    --color-secondary-foreground: #fafafa;
    --color-secondary-tint: #060608;
    --color-secondary-tintForeground: #757885;
    --color-success-fill: #04291c;
    --color-success-tint: #021a12;
    --color-success-tintForeground: #10b981;
    --color-surface-canvas: #000000;
    --color-surface-elevated: #060606;
    --color-surface-panel: #000000;
    --color-text-muted: #b4b9c5;
    --color-text-primary: #eff0f4;
    --color-text-secondary: #acadb0;
    --color-warning-fill: #362002;
    --color-warning-tint: #231401;
    --color-warning-tintForeground: #f79009;
    --semantic-gradient-surface: linear-gradient(135deg, #000000 0%, #000000 100%);
  }
}
[data-theme="dark"] [data-config="sharp"]:not([data-theme="light"]),
[data-config="sharp"][data-theme="dark"] {
  --color-accent-fill: #161635;
  --color-accent-tint: #0e0e22;
  --color-accent-tintForeground: #6e71fc;
  --color-border-default: #1d1d1d;
  --color-border-strong: #353536;
  --color-danger-fill: #350f0c;
  --color-danger-tint: #220a08;
  --color-danger-tintForeground: #f04438;
  --color-info-fill: #0a2037;
  --color-info-tint: #061423;
  --color-info-tintForeground: #2e90fa;
  --color-primary-fill: #020304;
  --color-primary-focus: #58595d;
  --color-primary-selectedTint: #010102;
  --color-primary-tint: #020202;
  --color-primary-tintForeground: #76777b;
  --color-secondary-fill: #090a0d;
  --color-secondary-foreground: #fafafa;
  --color-secondary-tint: #060608;
  --color-secondary-tintForeground: #757885;
  --color-success-fill: #04291c;
  --color-success-tint: #021a12;
  --color-success-tintForeground: #10b981;
  --color-surface-canvas: #000000;
  --color-surface-elevated: #060606;
  --color-surface-panel: #000000;
  --color-text-muted: #b4b9c5;
  --color-text-primary: #eff0f4;
  --color-text-secondary: #acadb0;
  --color-warning-fill: #362002;
  --color-warning-tint: #231401;
  --color-warning-tintForeground: #f79009;
  --semantic-gradient-surface: linear-gradient(135deg, #000000 0%, #000000 100%);
}
:root[data-theme="light"] [data-config="sharp"]:not([data-theme="dark"]),
[data-theme="light"] [data-config="sharp"]:not([data-theme="dark"]),
[data-theme="dark"] [data-config="sharp"][data-theme="light"],
[data-config="sharp"][data-theme="light"] {
  --color-accent-fill: #ddddfc;
  --color-accent-tint: #e9eafd;
  --color-accent-tintForeground: #4d50db;
  --color-border-default: #e2e2e2;
  --color-border-strong: #c9caca;
  --color-danger-fill: #fcd6d3;
  --color-danger-tint: #fde5e3;
  --color-danger-tintForeground: #c4180c;
  --color-info-fill: #d1e7fe;
  --color-info-tint: #e2effe;
  --color-info-tintForeground: #0163cd;
  --color-primary-fill: #c9caca;
  --color-primary-focus: #0b0c10;
  --color-primary-selectedTint: #e7e7e7;
  --color-primary-tint: #ddddde;
  --color-primary-tintForeground: #0b0c10;
  --color-secondary-fill: #d0d1d4;
  --color-secondary-foreground: #18181b;
  --color-secondary-tint: #e1e2e3;
  --color-secondary-tintForeground: #2a2d3a;
  --color-success-fill: #caf0e3;
  --color-success-tint: #def5ed;
  --color-success-tintForeground: #007840;
  --color-surface-canvas: #ffffff;
  --color-surface-elevated: #ffffff;
  --color-surface-panel: #ffffff;
  --color-text-muted: #3a3f4b;
  --color-text-primary: #0b0c10;
  --color-text-secondary: #4f5053;
  --color-warning-fill: #fde7c9;
  --color-warning-tint: #feefdd;
  --color-warning-tintForeground: #b14a00;
  --semantic-gradient-surface: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
}
[data-config] {
  --semantic-action-primary-background: var(--color-primary-base);
  --semantic-action-primary-foreground: var(--color-primary-foreground);
  --semantic-action-primary-hoverBackground: var(--color-primary-strong);
  --semantic-action-primary-pressedBackground: var(--color-primary-strong);
  --semantic-action-primary-tintBackground: var(--color-primary-tint);
  --semantic-action-primary-tintBorder: var(--color-primary-fill);
  --semantic-action-primary-tintForeground: var(--color-primary-tintForeground);
  --semantic-action-secondary-background: var(--color-secondary-fill);
  --semantic-action-secondary-foreground: var(--color-secondary-foreground);
  --semantic-action-secondary-hoverBackground: var(--color-secondary-strong);
  --semantic-action-secondary-pressedBackground: var(--color-secondary-strong);
  --semantic-action-secondary-tintForeground: var(--color-secondary-tintForeground);
  --semantic-border-default: var(--color-border-default);
  --semantic-border-focus: var(--color-accent-base);
  --semantic-border-strong: var(--color-border-strong);
  --semantic-border-subtle: var(--color-border-default);
  --semantic-motion-emphasis-duration: var(--motion-duration-slow);
  --semantic-motion-emphasis-easing: var(--motion-easing-spring);
  --semantic-motion-emphasis-offset: var(--motion-offset-lg);
  --semantic-motion-enter-duration: var(--motion-duration-base);
  --semantic-motion-enter-easing: var(--motion-easing-enter);
  --semantic-motion-enter-offset: var(--motion-offset-md);
  --semantic-motion-exit-duration: var(--motion-duration-fast);
  --semantic-motion-exit-easing: var(--motion-easing-exit);
  --semantic-motion-exit-offset: var(--motion-offset-md);
  --semantic-motion-feedback-duration: var(--motion-duration-fast);
  --semantic-motion-feedback-easing: var(--motion-easing-standard);
  --semantic-motion-feedback-offset: var(--motion-offset-sm);
  --semantic-status-danger-background: var(--color-danger-base);
  --semantic-status-danger-foreground: var(--color-danger-foreground);
  --semantic-status-danger-hoverBackground: var(--color-danger-strong);
  --semantic-status-danger-pressedBackground: var(--color-danger-strong);
  --semantic-status-danger-tintBackground: var(--color-danger-tint);
  --semantic-status-danger-tintBorder: var(--color-danger-fill);
  --semantic-status-danger-tintForeground: var(--color-danger-tintForeground);
  --semantic-status-info-background: var(--color-info-base);
  --semantic-status-info-foreground: var(--color-info-foreground);
  --semantic-status-info-hoverBackground: var(--color-info-strong);
  --semantic-status-info-pressedBackground: var(--color-info-strong);
  --semantic-status-info-tintBackground: var(--color-info-tint);
  --semantic-status-info-tintBorder: var(--color-info-fill);
  --semantic-status-info-tintForeground: var(--color-info-tintForeground);
  --semantic-status-success-background: var(--color-success-base);
  --semantic-status-success-foreground: var(--color-success-foreground);
  --semantic-status-success-hoverBackground: var(--color-success-strong);
  --semantic-status-success-pressedBackground: var(--color-success-strong);
  --semantic-status-success-tintBackground: var(--color-success-tint);
  --semantic-status-success-tintBorder: var(--color-success-fill);
  --semantic-status-success-tintForeground: var(--color-success-tintForeground);
  --semantic-status-warning-background: var(--color-warning-base);
  --semantic-status-warning-foreground: var(--color-warning-foreground);
  --semantic-status-warning-hoverBackground: var(--color-warning-strong);
  --semantic-status-warning-pressedBackground: var(--color-warning-strong);
  --semantic-status-warning-tintBackground: var(--color-warning-tint);
  --semantic-status-warning-tintBorder: var(--color-warning-fill);
  --semantic-status-warning-tintForeground: var(--color-warning-tintForeground);
  --semantic-surface-canvas: var(--color-surface-canvas);
  --semantic-surface-elevated: var(--color-surface-elevated);
  --semantic-surface-inverse: var(--color-text-primary);
  --semantic-surface-panel: var(--color-surface-panel);
  --semantic-surface-selected: var(--color-primary-selectedTint);
  --semantic-text-muted: var(--color-text-muted);
  --semantic-text-onInverse: var(--color-surface-canvas);
  --semantic-text-primary: var(--color-text-primary);
  --semantic-text-secondary: var(--color-text-secondary);
  --semantic-typography-body-fontFamily: var(--fontFamily-text);
  --semantic-typography-body-fontSize: var(--fontSize-md);
  --semantic-typography-body-fontWeight: var(--fontWeight-normal);
  --semantic-typography-body-letterSpacing: var(--letterSpacing-normal);
  --semantic-typography-body-lineHeight: var(--lineHeight-normal);
  --semantic-typography-caption-fontFamily: var(--fontFamily-text);
  --semantic-typography-caption-fontSize: var(--fontSize-xs);
  --semantic-typography-caption-fontWeight: var(--fontWeight-normal);
  --semantic-typography-caption-letterSpacing: var(--letterSpacing-normal);
  --semantic-typography-caption-lineHeight: var(--lineHeight-snug);
  --semantic-typography-code-fontFamily: var(--fontFamily-mono);
  --semantic-typography-code-fontSize: var(--fontSize-sm);
  --semantic-typography-code-fontWeight: var(--fontWeight-normal);
  --semantic-typography-code-letterSpacing: var(--letterSpacing-normal);
  --semantic-typography-code-lineHeight: var(--lineHeight-normal);
  --semantic-typography-display-fontFamily: var(--fontFamily-display);
  --semantic-typography-display-fontSize: var(--fontSize-4xl);
  --semantic-typography-display-fontWeight: var(--fontWeight-bold);
  --semantic-typography-display-letterSpacing: var(--letterSpacing-tight);
  --semantic-typography-display-lineHeight: var(--lineHeight-tight);
  --semantic-typography-emphasis-fontFamily: var(--fontFamily-text);
  --semantic-typography-emphasis-fontSize: var(--fontSize-md);
  --semantic-typography-emphasis-fontWeight: var(--fontWeight-semibold);
  --semantic-typography-emphasis-letterSpacing: var(--letterSpacing-normal);
  --semantic-typography-emphasis-lineHeight: var(--lineHeight-normal);
  --semantic-typography-heading-lg-fontFamily: var(--fontFamily-display);
  --semantic-typography-heading-lg-fontSize: var(--fontSize-3xl);
  --semantic-typography-heading-lg-fontWeight: var(--fontWeight-bold);
  --semantic-typography-heading-lg-letterSpacing: var(--letterSpacing-tight);
  --semantic-typography-heading-lg-lineHeight: var(--lineHeight-tight);
  --semantic-typography-heading-md-fontFamily: var(--fontFamily-display);
  --semantic-typography-heading-md-fontSize: var(--fontSize-2xl);
  --semantic-typography-heading-md-fontWeight: var(--fontWeight-bold);
  --semantic-typography-heading-md-letterSpacing: var(--letterSpacing-tight);
  --semantic-typography-heading-md-lineHeight: var(--lineHeight-tight);
  --semantic-typography-heading-sm-fontFamily: var(--fontFamily-display);
  --semantic-typography-heading-sm-fontSize: var(--fontSize-xl);
  --semantic-typography-heading-sm-fontWeight: var(--fontWeight-semibold);
  --semantic-typography-heading-sm-letterSpacing: var(--letterSpacing-tight);
  --semantic-typography-heading-sm-lineHeight: var(--lineHeight-snug);
  --semantic-typography-label-fontFamily: var(--fontFamily-text);
  --semantic-typography-label-fontSize: var(--fontSize-sm);
  --semantic-typography-label-fontWeight: var(--fontWeight-medium);
  --semantic-typography-label-letterSpacing: var(--letterSpacing-normal);
  --semantic-typography-label-lineHeight: var(--lineHeight-snug);
  --component-Button-primary-background: var(--semantic-action-primary-background);
  --component-Button-primary-border: var(--semantic-action-primary-background);
  --component-Button-primary-hover: var(--semantic-action-primary-hoverBackground);
  --component-Button-primary-pressed: var(--semantic-action-primary-pressedBackground);
  --component-Button-primary-text: var(--semantic-action-primary-foreground);
  --component-Button-radius: var(--borderRadius-radius-control);
  --component-Input-background: var(--semantic-surface-canvas);
  --component-Input-border: var(--color-secondary-base);
  --component-Input-placeholder: var(--semantic-text-muted);
  --component-Input-radius: var(--borderRadius-radius-control);
  --component-Input-text: var(--semantic-text-primary);
}