/* node_modules/@simpo/design-tokens/dist/css/simpo-tokens.css */
:root {
  --simpo-brand-primary: #3a0044;
  --simpo-brand-primary-hover: #4f178f;
  --simpo-brand-primary-active: #3a0044;
  --simpo-brand-primary-subtle: #f5eeff;
  --simpo-brand-primary-strong: #3a0044;
  --simpo-brand-on-primary: #ffffff;
  --simpo-brand-secondary: #d300ff;
  --simpo-brand-secondary-hover: #4f178f;
  --simpo-brand-secondary-subtle: #f5eeff;
  --simpo-brand-highlight: #ff7131;
  --simpo-brand-primary-gradient:
    linear-gradient(
      135deg,
      #7c2fe3 0%,
      #d300ff 45%,
      #ff7131 100%);
  --simpo-brand-primary-gradient-alt:
    linear-gradient(
      90deg,
      #6522be 0%,
      #d300ff 48%,
      #ff7131 100%);
  --simpo-brand-logo-gradient:
    linear-gradient(
      90deg,
      #6522be 0%,
      #d300ff 48%,
      #ff7131 100%);
  --simpo-accent-default: #6522be;
  --simpo-accent-subtle: #f5eeff;
  --simpo-accent-strong: #3a0044;
  --simpo-accent-orange: #ff7131;
  --simpo-surface-app: #f8f4fb;
  --simpo-surface-card: #ffffff;
  --simpo-surface-default: var(--simpo-surface-card);
  --simpo-surface-muted: #f5f1f8;
  --simpo-surface-raised: #ffffff;
  --simpo-surface-subtle: #faf8fc;
  --simpo-surface-inverse: #151025;
  --simpo-text-primary: #151025;
  --simpo-text-secondary: #5f566c;
  --simpo-text-muted: #81778e;
  --simpo-text-inverse: #ffffff;
  --simpo-text-disabled: #b8afc4;
  --simpo-text-on-accent: #ffffff;
  --simpo-border-subtle: #f0eaf5;
  --simpo-border-default: #e9e1ef;
  --simpo-border-strong: #d8cde2;
  --simpo-border-focus: #7c2fe3;
  --simpo-status-success: #166534;
  --simpo-status-success-subtle: #ecfdf3;
  --simpo-status-success-border: #bbf7d0;
  --simpo-status-warning: #9e3919;
  --simpo-status-warning-subtle: #fff9ec;
  --simpo-status-warning-border: #ffe2a8;
  --simpo-status-danger: #991b1b;
  --simpo-status-danger-strong: #991b1b;
  --simpo-status-danger-subtle: #fef2f2;
  --simpo-status-danger-border: #fecaca;
  --simpo-status-info: #1d4ed8;
  --simpo-status-info-subtle: #eff6ff;
  --simpo-status-info-border: #bfdbfe;
  --simpo-status-neutral: #5f566c;
  --simpo-status-neutral-subtle: #f5f1f8;
  --simpo-status-neutral-border: #e9e1ef;
  --simpo-overlay-scrim: rgba(15, 10, 20, 0.58);
  --simpo-overlay-soft: rgba(15, 10, 20, 0.08);
  --simpo-overlay-drawer-backdrop: rgba(15, 10, 20, 0.28);
  --simpo-focus-ring: #7c2fe3;
  --simpo-focus-ring-offset: #ffffff;
  --simpo-focus-shadow: 0 8px 24px rgba(211, 0, 255, 0.16);
  --simpo-focus-outline: 2px solid var(--simpo-focus-ring);
  --simpo-focus-offset: 2px;
  --simpo-color-bg: #f8f4fb;
  --simpo-color-surface: #ffffff;
  --simpo-color-surface-muted: #f5f1f8;
  --simpo-color-text: #151025;
  --simpo-color-text-muted: #5f566c;
  --simpo-color-border: #e9e1ef;
  --simpo-color-border-subtle: #f0eaf5;
  --simpo-color-primary: #6522be;
  --simpo-color-accent: #6522be;
  --simpo-color-accent-secondary: #ff7131;
  --simpo-color-accent-soft: #f5eeff;
  --simpo-color-accent-gradient:
    linear-gradient(
      90deg,
      #6522be 0%,
      #d300ff 48%,
      #ff7131 100%);
  --simpo-color-logo-gradient:
    linear-gradient(
      90deg,
      #6522be 0%,
      #d300ff 48%,
      #ff7131 100%);
  --simpo-color-accent-glow: 0 8px 24px rgba(211, 0, 255, 0.16);
  --simpo-color-success-soft: #ecfdf3;
  --simpo-color-warning-soft: #fff9ec;
  --simpo-color-danger-soft: #fef2f2;
  --simpo-color-success-border: #bbf7d0;
  --simpo-color-warning-border: #ffe2a8;
  --simpo-color-danger-border: #fecaca;
  --simpo-color-info-border: #bfdbfe;
  --simpo-color-danger-500: #ef4444;
  --simpo-color-success-50: #ecfdf3;
  --simpo-color-success-600: #166534;
  --simpo-color-success-700: #166534;
  --simpo-font-family-sans:
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --simpo-font-family-brand:
    "Syne",
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    sans-serif;
  --simpo-font-family-mono:
    "JetBrains Mono",
    "SFMono-Regular",
    Consolas,
    monospace;
  --simpo-line-height-tight: 1.2;
  --simpo-line-height-normal: 22px;
  --simpo-line-height-relaxed: 1.6;
  --simpo-shadow-aiGlow: 0 8px 24px rgba(211, 0, 255, 0.16);
  --simpo-shadow-brand: 0 8px 24px rgba(211, 0, 255, 0.16);
  --simpo-shadow-panel: 0 10px 30px rgba(15, 10, 20, 0.07);
  --simpo-z-overlay: 1200;
  --simpo-shell-topbar-height: 56px;
  --simpo-shell-primary-nav-width: 248px;
  --simpo-shell-primary-nav-collapsed-width: 64px;
  --simpo-shell-secondary-nav-width: 280px;
  --simpo-shell-content-max-width: 1440px;
  --simpo-shell-content-padding-x: 24px;
  --simpo-shell-content-padding-y: 20px;
  --simpo-shell-right-panel-width: 360px;
  --simpo-drawer-quick-create-width: 420px;
  --simpo-drawer-standard-width: 560px;
  --simpo-drawer-review-width: 720px;
  --simpo-action-primary-bg: #6522be;
  --simpo-action-primary-bg-hover: #4f178f;
  --simpo-action-primary-bg-active: #3a0044;
  --simpo-action-primary-fg: #ffffff;
  --simpo-action-primary-text: var(--simpo-action-primary-fg);
  --simpo-action-primary-border: #6522be;
  --simpo-action-secondary-bg: #ffffff;
  --simpo-action-secondary-bg-hover: #f5eeff;
  --simpo-action-secondary-fg: #3a0044;
  --simpo-action-secondary-text: var(--simpo-action-secondary-fg);
  --simpo-action-secondary-border: #e9e1ef;
  --simpo-action-danger-bg: #991b1b;
  --simpo-action-danger-text: #ffffff;
  --simpo-button-primary-bg: var(--simpo-action-primary-bg);
  --simpo-button-primary-text: var(--simpo-action-primary-text);
  --simpo-button-secondary-border: var(--simpo-action-secondary-border);
  --simpo-input-bg: var(--simpo-component-input-bg);
  --simpo-input-border: var(--simpo-component-input-border);
  --simpo-badge-success-bg: var(--simpo-status-success-subtle);
  --simpo-shell-global-header-bg: var(--simpo-surface-card);
  --simpo-shell-primary-nav-bg: var(--simpo-surface-card);
  --simpo-table-header-bg: var(--simpo-surface-muted);
  --simpo-component-card-bg: #ffffff;
  --simpo-component-card-bg-hover: #faf8fc;
  --simpo-component-card-border: #e9e1ef;
  --simpo-component-card-border-hover: #d8cde2;
  --simpo-component-card-radius: 14px;
  --simpo-component-card-shadow: 0 2px 8px rgba(15, 10, 20, 0.06);
  --simpo-component-panel-bg: #ffffff;
  --simpo-component-panel-border: #e9e1ef;
  --simpo-component-panel-radius: 16px;
  --simpo-component-panel-shadow: 0 10px 30px rgba(15, 10, 20, 0.07);
  --simpo-component-input-bg: #ffffff;
  --simpo-component-input-fg: #151025;
  --simpo-component-input-placeholder: #81778e;
  --simpo-component-input-border: #d8cde2;
  --simpo-component-input-border-hover: var(--simpo-border-strong);
  --simpo-component-input-border-focus: #7c2fe3;
  --simpo-component-input-focus-shadow: 0 8px 24px rgba(211, 0, 255, 0.16);
  --simpo-component-input-radius: 10px;
  --simpo-component-input-height-md: 40px;
  --simpo-catalog-sidebar-bg: #ffffff;
  --simpo-catalog-sidebar-border: #e9e1ef;
  --simpo-catalog-sidebar-radius: 16px;
  --simpo-catalog-sidebar-shadow: 0 10px 30px rgba(15, 10, 20, 0.07);
  --simpo-catalog-category-item-selected-border: #6522be;
  --simpo-catalog-category-item-count-bg: #f5eeff;
  --simpo-catalog-category-item-count-fg: #6522be;
  --simpo-catalog-detail-panel-label-fg: #6522be;
  --simpo-color-brand-50: #fbf7ff;
  --simpo-color-brand-100: #f5eeff;
  --simpo-color-brand-200: #e9d8ff;
  --simpo-color-brand-400: #b983ff;
  --simpo-color-brand-500: #9654f4;
  --simpo-color-brand-600: #7c2fe3;
  --simpo-color-brand-700: #6522be;
  --simpo-font-size-xs: 12px;
  --simpo-font-size-sm: 13px;
  --simpo-font-size-md: 14px;
  --simpo-font-size-lg: 16px;
  --simpo-font-size-xl: 18px;
  --simpo-font-size-2xl: 24px;
  --simpo-font-size-3xl: 32px;
  --simpo-font-size-display: 40px;
  --simpo-font-weight-regular: 400;
  --simpo-font-weight-medium: 500;
  --simpo-font-weight-semibold: 600;
  --simpo-font-weight-bold: 700;
  --simpo-font-weight-extraBold: 800;
  --simpo-space-0: 0px;
  --simpo-spacing-0: 0px;
  --simpo-space-1: 4px;
  --simpo-spacing-1: 4px;
  --simpo-space-2: 8px;
  --simpo-spacing-2: 8px;
  --simpo-space-3: 12px;
  --simpo-spacing-3: 12px;
  --simpo-space-4: 16px;
  --simpo-spacing-4: 16px;
  --simpo-space-5: 20px;
  --simpo-spacing-5: 20px;
  --simpo-space-6: 24px;
  --simpo-spacing-6: 24px;
  --simpo-space-7: 28px;
  --simpo-spacing-7: 28px;
  --simpo-space-8: 32px;
  --simpo-spacing-8: 32px;
  --simpo-space-10: 40px;
  --simpo-spacing-10: 40px;
  --simpo-space-12: 48px;
  --simpo-spacing-12: 48px;
  --simpo-space-14: 56px;
  --simpo-spacing-14: 56px;
  --simpo-space-16: 64px;
  --simpo-spacing-16: 64px;
  --simpo-space-20: 80px;
  --simpo-spacing-20: 80px;
  --simpo-space-24: 96px;
  --simpo-spacing-24: 96px;
  --simpo-radius-none: 0px;
  --simpo-radius-xs: 4px;
  --simpo-radius-sm: 6px;
  --simpo-radius-md: 10px;
  --simpo-radius-lg: 12px;
  --simpo-radius-xl: 16px;
  --simpo-radius-2xl: 20px;
  --simpo-radius-3xl: 24px;
  --simpo-radius-full: 999px;
  --simpo-shadow-none: none;
  --simpo-shadow-xs: 0 1px 2px rgba(15, 10, 20, 0.04);
  --simpo-shadow-sm: 0 2px 8px rgba(15, 10, 20, 0.06);
  --simpo-shadow-md: 0 8px 24px rgba(15, 10, 20, 0.08);
  --simpo-shadow-lg: 0 16px 40px rgba(15, 10, 20, 0.1);
  --simpo-shadow-focus: 0 8px 24px rgba(211, 0, 255, 0.16);
  --simpo-shadow-gradient-glow: 0 8px 24px rgba(211, 0, 255, 0.16);
  --simpo-shadow-ai-glow: 0 8px 24px rgba(211, 0, 255, 0.16);
  --simpo-breakpoint-xs: 0;
  --simpo-breakpoint-sm: 40rem;
  --simpo-breakpoint-md: 48rem;
  --simpo-breakpoint-lg: 64rem;
  --simpo-breakpoint-xl: 80rem;
  --simpo-breakpoint-2xl: 96rem;
  --simpo-z-index-base: 0;
  --simpo-z-index-raised: 10;
  --simpo-z-index-sticky: 100;
  --simpo-z-index-dropdown: 1000;
  --simpo-z-index-popover: 1100;
  --simpo-z-index-overlay: 1200;
  --simpo-z-index-drawer: 1300;
  --simpo-z-index-modal: 1400;
  --simpo-z-index-toast: 1500;
  --simpo-z-index-tooltip: 1600;
  --simpo-motion-duration-instant: 0ms;
  --simpo-motion-duration-fast: 120ms;
  --simpo-motion-duration-normal: 180ms;
  --simpo-motion-duration-slow: 240ms;
  --simpo-motion-duration-slower: 320ms;
  --simpo-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --simpo-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --simpo-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
}
[data-simpo-theme=executive-clarity] {
  --simpo-brand-primary: #3a0044;
  --simpo-brand-primary-hover: #4f178f;
  --simpo-brand-primary-active: #3a0044;
  --simpo-brand-primary-subtle: #f5eeff;
  --simpo-brand-primary-strong: #3a0044;
  --simpo-brand-on-primary: #ffffff;
  --simpo-brand-secondary: #d300ff;
  --simpo-brand-secondary-hover: #4f178f;
  --simpo-brand-secondary-subtle: #f5eeff;
  --simpo-brand-highlight: #ff7131;
  --simpo-brand-primary-gradient:
    linear-gradient(
      135deg,
      #7c2fe3 0%,
      #d300ff 45%,
      #ff7131 100%);
  --simpo-brand-primary-gradient-alt:
    linear-gradient(
      90deg,
      #6522be 0%,
      #d300ff 48%,
      #ff7131 100%);
  --simpo-brand-logo-gradient:
    linear-gradient(
      90deg,
      #6522be 0%,
      #d300ff 48%,
      #ff7131 100%);
  --simpo-accent-default: #6522be;
  --simpo-accent-subtle: #f5eeff;
  --simpo-accent-strong: #3a0044;
  --simpo-accent-orange: #ff7131;
  --simpo-surface-app: #f8f4fb;
  --simpo-surface-card: #ffffff;
  --simpo-surface-raised: #ffffff;
  --simpo-surface-subtle: #faf8fc;
  --simpo-surface-inverse: #151025;
  --simpo-text-primary: #151025;
  --simpo-text-secondary: #5f566c;
  --simpo-text-muted: #81778e;
  --simpo-text-inverse: #ffffff;
  --simpo-text-disabled: #b8afc4;
  --simpo-text-on-accent: #ffffff;
  --simpo-border-subtle: #f0eaf5;
  --simpo-border-default: #e9e1ef;
  --simpo-border-strong: #d8cde2;
  --simpo-border-focus: #7c2fe3;
  --simpo-status-success: #166534;
  --simpo-status-success-subtle: #ecfdf3;
  --simpo-status-success-border: #bbf7d0;
  --simpo-status-warning: #9e3919;
  --simpo-status-warning-subtle: #fff9ec;
  --simpo-status-warning-border: #ffe2a8;
  --simpo-status-danger: #991b1b;
  --simpo-status-danger-strong: #991b1b;
  --simpo-status-danger-subtle: #fef2f2;
  --simpo-status-danger-border: #fecaca;
  --simpo-status-info: #1d4ed8;
  --simpo-status-info-subtle: #eff6ff;
  --simpo-status-info-border: #bfdbfe;
  --simpo-status-neutral: #5f566c;
  --simpo-status-neutral-subtle: #f5f1f8;
  --simpo-status-neutral-border: #e9e1ef;
  --simpo-overlay-scrim: rgba(15, 10, 20, 0.58);
  --simpo-overlay-soft: rgba(15, 10, 20, 0.08);
  --simpo-focus-ring: #7c2fe3;
  --simpo-focus-ring-offset: #ffffff;
  --simpo-focus-shadow: 0 8px 24px rgba(211, 0, 255, 0.16);
  --simpo-focus-outline: 2px solid var(--simpo-focus-ring);
  --simpo-focus-offset: 2px;
  --simpo-color-bg: #f8f4fb;
  --simpo-color-surface: #ffffff;
  --simpo-color-surface-muted: #f5f1f8;
  --simpo-color-text: #151025;
  --simpo-color-text-muted: #5f566c;
  --simpo-color-border: #e9e1ef;
  --simpo-color-border-subtle: #f0eaf5;
  --simpo-color-primary: #6522be;
  --simpo-color-accent: #6522be;
  --simpo-color-accent-secondary: #ff7131;
  --simpo-color-accent-soft: #f5eeff;
  --simpo-color-accent-gradient:
    linear-gradient(
      90deg,
      #6522be 0%,
      #d300ff 48%,
      #ff7131 100%);
  --simpo-color-logo-gradient:
    linear-gradient(
      90deg,
      #6522be 0%,
      #d300ff 48%,
      #ff7131 100%);
  --simpo-color-accent-glow: 0 8px 24px rgba(211, 0, 255, 0.16);
  --simpo-color-success-soft: #ecfdf3;
  --simpo-color-warning-soft: #fff9ec;
  --simpo-color-danger-soft: #fef2f2;
  --simpo-color-success-border: #bbf7d0;
  --simpo-color-warning-border: #ffe2a8;
  --simpo-color-danger-border: #fecaca;
  --simpo-color-info-border: #bfdbfe;
  --simpo-color-danger-500: #ef4444;
  --simpo-color-success-50: #ecfdf3;
  --simpo-color-success-600: #166534;
  --simpo-color-success-700: #166534;
  --simpo-font-family-sans:
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --simpo-font-family-brand:
    "Syne",
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    sans-serif;
  --simpo-font-family-mono:
    "JetBrains Mono",
    "SFMono-Regular",
    Consolas,
    monospace;
  --simpo-line-height-tight: 1.2;
  --simpo-line-height-normal: 22px;
  --simpo-line-height-relaxed: 1.6;
  --simpo-shadow-aiGlow: 0 8px 24px rgba(211, 0, 255, 0.16);
  --simpo-shadow-brand: 0 8px 24px rgba(211, 0, 255, 0.16);
  --simpo-shadow-panel: 0 10px 30px rgba(15, 10, 20, 0.07);
  --simpo-z-overlay: 1200;
  --simpo-shell-topbar-height: 56px;
  --simpo-shell-primary-nav-width: 248px;
  --simpo-shell-primary-nav-collapsed-width: 64px;
  --simpo-shell-secondary-nav-width: 280px;
  --simpo-shell-content-max-width: 1440px;
  --simpo-shell-content-padding-x: 24px;
  --simpo-shell-content-padding-y: 20px;
  --simpo-shell-right-panel-width: 360px;
  --simpo-drawer-quick-create-width: 420px;
  --simpo-drawer-standard-width: 560px;
  --simpo-drawer-review-width: 720px;
  --simpo-action-primary-bg: #6522be;
  --simpo-action-primary-bg-hover: #4f178f;
  --simpo-action-primary-bg-active: #3a0044;
  --simpo-action-primary-fg: #ffffff;
  --simpo-action-primary-border: #6522be;
  --simpo-action-secondary-bg: #ffffff;
  --simpo-action-secondary-bg-hover: #f5eeff;
  --simpo-action-secondary-fg: #3a0044;
  --simpo-action-secondary-border: #e9e1ef;
  --simpo-component-card-bg: #ffffff;
  --simpo-component-card-bg-hover: #faf8fc;
  --simpo-component-card-border: #e9e1ef;
  --simpo-component-card-border-hover: #d8cde2;
  --simpo-component-card-radius: 14px;
  --simpo-component-card-shadow: 0 2px 8px rgba(15, 10, 20, 0.06);
  --simpo-component-panel-bg: #ffffff;
  --simpo-component-panel-border: #e9e1ef;
  --simpo-component-panel-radius: 16px;
  --simpo-component-panel-shadow: 0 10px 30px rgba(15, 10, 20, 0.07);
  --simpo-component-input-bg: #ffffff;
  --simpo-component-input-fg: #151025;
  --simpo-component-input-placeholder: #81778e;
  --simpo-component-input-border: #d8cde2;
  --simpo-component-input-border-hover: var(--simpo-border-strong);
  --simpo-component-input-border-focus: #7c2fe3;
  --simpo-component-input-focus-shadow: 0 8px 24px rgba(211, 0, 255, 0.16);
  --simpo-component-input-radius: 10px;
  --simpo-component-input-height-md: 40px;
  --simpo-catalog-sidebar-bg: #ffffff;
  --simpo-catalog-sidebar-border: #e9e1ef;
  --simpo-catalog-sidebar-radius: 16px;
  --simpo-catalog-sidebar-shadow: 0 10px 30px rgba(15, 10, 20, 0.07);
  --simpo-catalog-category-item-selected-border: #6522be;
  --simpo-catalog-category-item-count-bg: #f5eeff;
  --simpo-catalog-category-item-count-fg: #6522be;
  --simpo-catalog-detail-panel-label-fg: #6522be;
  --simpo-color-brand-50: #fbf7ff;
  --simpo-color-brand-100: #f5eeff;
  --simpo-color-brand-200: #e9d8ff;
  --simpo-color-brand-400: #b983ff;
  --simpo-color-brand-500: #9654f4;
  --simpo-color-brand-600: #7c2fe3;
  --simpo-color-brand-700: #6522be;
  --simpo-font-size-xs: 12px;
  --simpo-font-size-sm: 13px;
  --simpo-font-size-md: 14px;
  --simpo-font-size-lg: 16px;
  --simpo-font-size-xl: 18px;
  --simpo-font-size-2xl: 24px;
  --simpo-font-size-3xl: 32px;
  --simpo-font-size-display: 40px;
  --simpo-font-weight-regular: 400;
  --simpo-font-weight-medium: 500;
  --simpo-font-weight-semibold: 600;
  --simpo-font-weight-bold: 700;
  --simpo-font-weight-extraBold: 800;
  --simpo-space-0: 0px;
  --simpo-spacing-0: 0px;
  --simpo-space-1: 4px;
  --simpo-spacing-1: 4px;
  --simpo-space-2: 8px;
  --simpo-spacing-2: 8px;
  --simpo-space-3: 12px;
  --simpo-spacing-3: 12px;
  --simpo-space-4: 16px;
  --simpo-spacing-4: 16px;
  --simpo-space-5: 20px;
  --simpo-spacing-5: 20px;
  --simpo-space-6: 24px;
  --simpo-spacing-6: 24px;
  --simpo-space-7: 28px;
  --simpo-spacing-7: 28px;
  --simpo-space-8: 32px;
  --simpo-spacing-8: 32px;
  --simpo-space-10: 40px;
  --simpo-spacing-10: 40px;
  --simpo-space-12: 48px;
  --simpo-spacing-12: 48px;
  --simpo-space-14: 56px;
  --simpo-spacing-14: 56px;
  --simpo-space-16: 64px;
  --simpo-spacing-16: 64px;
  --simpo-space-20: 80px;
  --simpo-spacing-20: 80px;
  --simpo-space-24: 96px;
  --simpo-spacing-24: 96px;
  --simpo-radius-none: 0px;
  --simpo-radius-xs: 4px;
  --simpo-radius-sm: 6px;
  --simpo-radius-md: 10px;
  --simpo-radius-lg: 12px;
  --simpo-radius-xl: 16px;
  --simpo-radius-2xl: 20px;
  --simpo-radius-3xl: 24px;
  --simpo-radius-full: 999px;
  --simpo-shadow-none: none;
  --simpo-shadow-xs: 0 1px 2px rgba(15, 10, 20, 0.04);
  --simpo-shadow-sm: 0 2px 8px rgba(15, 10, 20, 0.06);
  --simpo-shadow-md: 0 8px 24px rgba(15, 10, 20, 0.08);
  --simpo-shadow-lg: 0 16px 40px rgba(15, 10, 20, 0.1);
  --simpo-shadow-focus: 0 8px 24px rgba(211, 0, 255, 0.16);
  --simpo-shadow-gradient-glow: 0 8px 24px rgba(211, 0, 255, 0.16);
  --simpo-shadow-ai-glow: 0 8px 24px rgba(211, 0, 255, 0.16);
  --simpo-breakpoint-xs: 0;
  --simpo-breakpoint-sm: 40rem;
  --simpo-breakpoint-md: 48rem;
  --simpo-breakpoint-lg: 64rem;
  --simpo-breakpoint-xl: 80rem;
  --simpo-breakpoint-2xl: 96rem;
  --simpo-z-index-base: 0;
  --simpo-z-index-raised: 10;
  --simpo-z-index-sticky: 100;
  --simpo-z-index-dropdown: 1000;
  --simpo-z-index-popover: 1100;
  --simpo-z-index-overlay: 1200;
  --simpo-z-index-drawer: 1300;
  --simpo-z-index-modal: 1400;
  --simpo-z-index-toast: 1500;
  --simpo-z-index-tooltip: 1600;
  --simpo-motion-duration-instant: 0ms;
  --simpo-motion-duration-fast: 120ms;
  --simpo-motion-duration-normal: 180ms;
  --simpo-motion-duration-slow: 240ms;
  --simpo-motion-duration-slower: 320ms;
  --simpo-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --simpo-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --simpo-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
}
[data-simpo-theme=brand-system-v2] {
  --simpo-brand-primary: #3a0044;
  --simpo-brand-primary-hover: #4a0759;
  --simpo-brand-primary-active: #3a0044;
  --simpo-brand-primary-subtle: #f8e9fc;
  --simpo-brand-primary-strong: #3a0044;
  --simpo-brand-on-primary: #ffffff;
  --simpo-brand-secondary: #d300ff;
  --simpo-brand-secondary-hover: #4a0759;
  --simpo-brand-secondary-subtle: #f8e9fc;
  --simpo-brand-highlight: #ff7131;
  --simpo-brand-primary-gradient:
    linear-gradient(
      135deg,
      #d300ff 0%,
      #ff7131 100%);
  --simpo-brand-primary-gradient-alt:
    linear-gradient(
      135deg,
      #d300ff 0%,
      #ff7131 100%);
  --simpo-brand-logo-gradient:
    linear-gradient(
      135deg,
      #d300ff 0%,
      #ff7131 100%);
  --simpo-accent-default: #5b0a72;
  --simpo-accent-subtle: #f8e9fc;
  --simpo-accent-strong: #3a0044;
  --simpo-accent-orange: #ff7131;
  --simpo-surface-app: #faf8fc;
  --simpo-surface-card: #ffffff;
  --simpo-surface-raised: #ffffff;
  --simpo-surface-subtle: #fbfafd;
  --simpo-surface-inverse: #16111d;
  --simpo-text-primary: #16111d;
  --simpo-text-secondary: #575064;
  --simpo-text-muted: #756e80;
  --simpo-text-inverse: #ffffff;
  --simpo-text-disabled: #aea5b8;
  --simpo-text-on-accent: #ffffff;
  --simpo-border-subtle: #f3eff7;
  --simpo-border-default: #e8e2ed;
  --simpo-border-strong: #d7cee0;
  --simpo-border-focus: #c026d3;
  --simpo-status-success: #166534;
  --simpo-status-success-subtle: #ecfdf3;
  --simpo-status-success-border: #bbf7d0;
  --simpo-status-warning: #9e3919;
  --simpo-status-warning-subtle: #fff9ec;
  --simpo-status-warning-border: #ffe2a8;
  --simpo-status-danger: #991b1b;
  --simpo-status-danger-strong: #991b1b;
  --simpo-status-danger-subtle: #fef2f2;
  --simpo-status-danger-border: #fecaca;
  --simpo-status-info: #1d4ed8;
  --simpo-status-info-subtle: #eff6ff;
  --simpo-status-info-border: #bfdbfe;
  --simpo-status-neutral: #575064;
  --simpo-status-neutral-subtle: #f3eff7;
  --simpo-status-neutral-border: #e8e2ed;
  --simpo-overlay-scrim: rgba(15, 10, 20, 0.58);
  --simpo-overlay-soft: rgba(15, 10, 20, 0.08);
  --simpo-focus-ring: #c026d3;
  --simpo-focus-ring-offset: #ffffff;
  --simpo-focus-shadow: 0 0 0 4px rgba(211, 0, 255, 0.12);
  --simpo-focus-outline: 2px solid var(--simpo-focus-ring);
  --simpo-focus-offset: 2px;
  --simpo-color-bg: #faf8fc;
  --simpo-color-surface: #ffffff;
  --simpo-color-surface-muted: #f3eff7;
  --simpo-color-text: #16111d;
  --simpo-color-text-muted: #575064;
  --simpo-color-border: #e8e2ed;
  --simpo-color-border-subtle: #f3eff7;
  --simpo-color-primary: #5b0a72;
  --simpo-color-accent: #5b0a72;
  --simpo-color-accent-secondary: #ff7131;
  --simpo-color-accent-soft: #f8e9fc;
  --simpo-color-accent-gradient:
    linear-gradient(
      135deg,
      #d300ff 0%,
      #ff7131 100%);
  --simpo-color-logo-gradient:
    linear-gradient(
      135deg,
      #d300ff 0%,
      #ff7131 100%);
  --simpo-color-accent-glow: 0 0 0 4px rgba(211, 0, 255, 0.12);
  --simpo-color-success-soft: #ecfdf3;
  --simpo-color-warning-soft: #fff9ec;
  --simpo-color-danger-soft: #fef2f2;
  --simpo-color-success-border: #bbf7d0;
  --simpo-color-warning-border: #ffe2a8;
  --simpo-color-danger-border: #fecaca;
  --simpo-color-info-border: #bfdbfe;
  --simpo-color-danger-500: #ef4444;
  --simpo-color-success-50: #ecfdf3;
  --simpo-color-success-600: #166534;
  --simpo-color-success-700: #166534;
  --simpo-font-family-sans:
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --simpo-font-family-brand:
    "Syne",
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    sans-serif;
  --simpo-font-family-mono:
    "JetBrains Mono",
    "SFMono-Regular",
    Consolas,
    monospace;
  --simpo-line-height-tight: 1.2;
  --simpo-line-height-normal: 22px;
  --simpo-line-height-relaxed: 1.6;
  --simpo-shadow-aiGlow: 0 0 0 4px rgba(211, 0, 255, 0.12);
  --simpo-shadow-brand: 0 0 0 4px rgba(211, 0, 255, 0.12);
  --simpo-shadow-panel: 0 10px 30px rgba(15, 10, 20, 0.07);
  --simpo-z-overlay: 1200;
  --simpo-shell-topbar-height: 56px;
  --simpo-shell-primary-nav-width: 248px;
  --simpo-shell-primary-nav-collapsed-width: 64px;
  --simpo-shell-secondary-nav-width: 280px;
  --simpo-shell-content-max-width: 1440px;
  --simpo-shell-content-padding-x: 24px;
  --simpo-shell-content-padding-y: 20px;
  --simpo-shell-right-panel-width: 360px;
  --simpo-drawer-quick-create-width: 420px;
  --simpo-drawer-standard-width: 560px;
  --simpo-drawer-review-width: 720px;
  --simpo-action-primary-bg: #5b0a72;
  --simpo-action-primary-bg-hover: #4a0759;
  --simpo-action-primary-bg-active: #3a0044;
  --simpo-action-primary-fg: #ffffff;
  --simpo-action-primary-border: #5b0a72;
  --simpo-action-secondary-bg: #ffffff;
  --simpo-action-secondary-bg-hover: #f8e9fc;
  --simpo-action-secondary-fg: #3a0044;
  --simpo-action-secondary-border: #e8e2ed;
  --simpo-component-card-bg: #ffffff;
  --simpo-component-card-bg-hover: #fbfafd;
  --simpo-component-card-border: #e8e2ed;
  --simpo-component-card-border-hover: #d7cee0;
  --simpo-component-card-radius: 14px;
  --simpo-component-card-shadow: 0 1px 3px rgba(15, 10, 20, 0.08);
  --simpo-component-panel-bg: #ffffff;
  --simpo-component-panel-border: #e8e2ed;
  --simpo-component-panel-radius: 16px;
  --simpo-component-panel-shadow: 0 10px 30px rgba(15, 10, 20, 0.07);
  --simpo-component-input-bg: #ffffff;
  --simpo-component-input-fg: #16111d;
  --simpo-component-input-placeholder: #756e80;
  --simpo-component-input-border: #d7cee0;
  --simpo-component-input-border-hover: var(--simpo-border-strong);
  --simpo-component-input-border-focus: #c026d3;
  --simpo-component-input-focus-shadow: 0 0 0 4px rgba(211, 0, 255, 0.12);
  --simpo-component-input-radius: 8px;
  --simpo-component-input-height-md: 40px;
  --simpo-catalog-sidebar-bg: #ffffff;
  --simpo-catalog-sidebar-border: #e8e2ed;
  --simpo-catalog-sidebar-radius: 16px;
  --simpo-catalog-sidebar-shadow: 0 10px 30px rgba(15, 10, 20, 0.07);
  --simpo-catalog-category-item-selected-border: #5b0a72;
  --simpo-catalog-category-item-count-bg: #f8e9fc;
  --simpo-catalog-category-item-count-fg: #5b0a72;
  --simpo-catalog-detail-panel-label-fg: #5b0a72;
  --simpo-color-brand-50: #fcf5fe;
  --simpo-color-brand-100: #f8e9fc;
  --simpo-color-brand-200: #eec7f7;
  --simpo-color-brand-400: #b84ad0;
  --simpo-color-brand-500: #9c27b0;
  --simpo-color-brand-600: #7b1fa2;
  --simpo-color-brand-700: #5b0a72;
  --simpo-font-size-xs: 12px;
  --simpo-font-size-sm: 13px;
  --simpo-font-size-md: 14px;
  --simpo-font-size-lg: 16px;
  --simpo-font-size-xl: 18px;
  --simpo-font-size-2xl: 24px;
  --simpo-font-size-3xl: 32px;
  --simpo-font-size-display: 40px;
  --simpo-font-weight-regular: 400;
  --simpo-font-weight-medium: 500;
  --simpo-font-weight-semibold: 600;
  --simpo-font-weight-bold: 700;
  --simpo-font-weight-extraBold: 800;
  --simpo-space-0: 0px;
  --simpo-spacing-0: 0px;
  --simpo-space-1: 4px;
  --simpo-spacing-1: 4px;
  --simpo-space-2: 8px;
  --simpo-spacing-2: 8px;
  --simpo-space-3: 12px;
  --simpo-spacing-3: 12px;
  --simpo-space-4: 16px;
  --simpo-spacing-4: 16px;
  --simpo-space-5: 20px;
  --simpo-spacing-5: 20px;
  --simpo-space-6: 24px;
  --simpo-spacing-6: 24px;
  --simpo-space-7: 28px;
  --simpo-spacing-7: 28px;
  --simpo-space-8: 32px;
  --simpo-spacing-8: 32px;
  --simpo-space-10: 40px;
  --simpo-spacing-10: 40px;
  --simpo-space-12: 48px;
  --simpo-spacing-12: 48px;
  --simpo-space-14: 56px;
  --simpo-spacing-14: 56px;
  --simpo-space-16: 64px;
  --simpo-spacing-16: 64px;
  --simpo-space-20: 80px;
  --simpo-spacing-20: 80px;
  --simpo-space-24: 96px;
  --simpo-spacing-24: 96px;
  --simpo-radius-none: 0px;
  --simpo-radius-xs: 4px;
  --simpo-radius-sm: 6px;
  --simpo-radius-md: 8px;
  --simpo-radius-lg: 12px;
  --simpo-radius-xl: 16px;
  --simpo-radius-2xl: 20px;
  --simpo-radius-3xl: 24px;
  --simpo-radius-full: 999px;
  --simpo-shadow-none: none;
  --simpo-shadow-xs: 0 1px 2px rgba(15, 10, 20, 0.04);
  --simpo-shadow-sm: 0 1px 3px rgba(15, 10, 20, 0.08);
  --simpo-shadow-md: 0 8px 24px rgba(15, 10, 20, 0.1);
  --simpo-shadow-lg: 0 16px 40px rgba(15, 10, 20, 0.14);
  --simpo-shadow-focus: 0 0 0 4px rgba(211, 0, 255, 0.12);
  --simpo-shadow-gradient-glow: 0 0 0 4px rgba(211, 0, 255, 0.12);
  --simpo-shadow-ai-glow: 0 0 0 4px rgba(211, 0, 255, 0.12);
  --simpo-breakpoint-xs: 0;
  --simpo-breakpoint-sm: 40rem;
  --simpo-breakpoint-md: 48rem;
  --simpo-breakpoint-lg: 64rem;
  --simpo-breakpoint-xl: 80rem;
  --simpo-breakpoint-2xl: 96rem;
  --simpo-z-index-base: 0;
  --simpo-z-index-raised: 10;
  --simpo-z-index-sticky: 100;
  --simpo-z-index-dropdown: 1000;
  --simpo-z-index-popover: 1100;
  --simpo-z-index-overlay: 1200;
  --simpo-z-index-drawer: 1300;
  --simpo-z-index-modal: 1400;
  --simpo-z-index-toast: 1500;
  --simpo-z-index-tooltip: 1600;
  --simpo-motion-duration-instant: 0ms;
  --simpo-motion-duration-fast: 120ms;
  --simpo-motion-duration-normal: 180ms;
  --simpo-motion-duration-slow: 240ms;
  --simpo-motion-duration-slower: 320ms;
  --simpo-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --simpo-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --simpo-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
}
[data-simpo-theme=monochrome-modern] {
  --simpo-brand-primary: #111111;
  --simpo-brand-primary-hover: #27272a;
  --simpo-brand-primary-active: #09090b;
  --simpo-brand-primary-subtle: #ecebe5;
  --simpo-brand-primary-strong: #111111;
  --simpo-brand-on-primary: #ffffff;
  --simpo-brand-secondary: #52525b;
  --simpo-brand-secondary-hover: #27272a;
  --simpo-brand-secondary-subtle: #ecebe5;
  --simpo-brand-highlight: #a16207;
  --simpo-brand-primary-gradient:
    linear-gradient(
      135deg,
      #09090b 0%,
      #3f3f46 58%,
      #a1a1aa 100%);
  --simpo-brand-primary-gradient-alt:
    linear-gradient(
      90deg,
      #111111 0%,
      #3f3f46 58%,
      #a1a1aa 100%);
  --simpo-brand-logo-gradient:
    linear-gradient(
      90deg,
      #111111 0%,
      #3f3f46 58%,
      #a1a1aa 100%);
  --simpo-accent-default: #18181b;
  --simpo-accent-subtle: #ecebe5;
  --simpo-accent-strong: #111111;
  --simpo-accent-orange: #a16207;
  --simpo-surface-app: #f7f7f3;
  --simpo-surface-card: #ffffff;
  --simpo-surface-raised: #ffffff;
  --simpo-surface-subtle: #fbfbf8;
  --simpo-surface-inverse: #111111;
  --simpo-text-primary: #18181b;
  --simpo-text-secondary: #3f3f46;
  --simpo-text-muted: #71717a;
  --simpo-text-inverse: #ffffff;
  --simpo-text-disabled: #a1a1aa;
  --simpo-text-on-accent: #ffffff;
  --simpo-border-subtle: #edede7;
  --simpo-border-default: #e1e1db;
  --simpo-border-strong: #c9c9c2;
  --simpo-border-focus: #18181b;
  --simpo-status-success: #166534;
  --simpo-status-success-subtle: #ecfdf3;
  --simpo-status-success-border: #bbf7d0;
  --simpo-status-warning: #9e3919;
  --simpo-status-warning-subtle: #fff9ec;
  --simpo-status-warning-border: #ffe2a8;
  --simpo-status-danger: #991b1b;
  --simpo-status-danger-strong: #991b1b;
  --simpo-status-danger-subtle: #fef2f2;
  --simpo-status-danger-border: #fecaca;
  --simpo-status-info: #1d4ed8;
  --simpo-status-info-subtle: #eff6ff;
  --simpo-status-info-border: #bfdbfe;
  --simpo-status-neutral: #3f3f46;
  --simpo-status-neutral-subtle: #f0f0ea;
  --simpo-status-neutral-border: #e1e1db;
  --simpo-overlay-scrim: rgba(15, 10, 20, 0.58);
  --simpo-overlay-soft: rgba(15, 10, 20, 0.08);
  --simpo-focus-ring: #18181b;
  --simpo-focus-ring-offset: #ffffff;
  --simpo-focus-shadow: 0 0 0 3px rgba(24, 24, 27, 0.14);
  --simpo-focus-outline: 2px solid var(--simpo-focus-ring);
  --simpo-focus-offset: 2px;
  --simpo-color-bg: #f7f7f3;
  --simpo-color-surface: #ffffff;
  --simpo-color-surface-muted: #f0f0ea;
  --simpo-color-text: #18181b;
  --simpo-color-text-muted: #3f3f46;
  --simpo-color-border: #e1e1db;
  --simpo-color-border-subtle: #edede7;
  --simpo-color-primary: #18181b;
  --simpo-color-accent: #18181b;
  --simpo-color-accent-secondary: #a16207;
  --simpo-color-accent-soft: #ecebe5;
  --simpo-color-accent-gradient:
    linear-gradient(
      90deg,
      #111111 0%,
      #3f3f46 58%,
      #a1a1aa 100%);
  --simpo-color-logo-gradient:
    linear-gradient(
      90deg,
      #111111 0%,
      #3f3f46 58%,
      #a1a1aa 100%);
  --simpo-color-accent-glow: 0 0 0 3px rgba(24, 24, 27, 0.14);
  --simpo-color-success-soft: #ecfdf3;
  --simpo-color-warning-soft: #fff9ec;
  --simpo-color-danger-soft: #fef2f2;
  --simpo-color-success-border: #bbf7d0;
  --simpo-color-warning-border: #ffe2a8;
  --simpo-color-danger-border: #fecaca;
  --simpo-color-info-border: #bfdbfe;
  --simpo-color-danger-500: #ef4444;
  --simpo-color-success-50: #ecfdf3;
  --simpo-color-success-600: #166534;
  --simpo-color-success-700: #166534;
  --simpo-font-family-sans:
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --simpo-font-family-brand:
    "Syne",
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    sans-serif;
  --simpo-font-family-mono:
    "JetBrains Mono",
    "SFMono-Regular",
    Consolas,
    monospace;
  --simpo-line-height-tight: 1.2;
  --simpo-line-height-normal: 22px;
  --simpo-line-height-relaxed: 1.6;
  --simpo-shadow-aiGlow: 0 0 0 3px rgba(24, 24, 27, 0.14);
  --simpo-shadow-brand: 0 0 0 3px rgba(24, 24, 27, 0.14);
  --simpo-shadow-panel: 0 10px 30px rgba(24, 24, 27, 0.07);
  --simpo-z-overlay: 1200;
  --simpo-shell-topbar-height: 56px;
  --simpo-shell-primary-nav-width: 248px;
  --simpo-shell-primary-nav-collapsed-width: 64px;
  --simpo-shell-secondary-nav-width: 280px;
  --simpo-shell-content-max-width: 1440px;
  --simpo-shell-content-padding-x: 24px;
  --simpo-shell-content-padding-y: 20px;
  --simpo-shell-right-panel-width: 360px;
  --simpo-drawer-quick-create-width: 420px;
  --simpo-drawer-standard-width: 560px;
  --simpo-drawer-review-width: 720px;
  --simpo-action-primary-bg: #18181b;
  --simpo-action-primary-bg-hover: #27272a;
  --simpo-action-primary-bg-active: #09090b;
  --simpo-action-primary-fg: #ffffff;
  --simpo-action-primary-border: #18181b;
  --simpo-action-secondary-bg: #ffffff;
  --simpo-action-secondary-bg-hover: #ecebe5;
  --simpo-action-secondary-fg: #111111;
  --simpo-action-secondary-border: #e1e1db;
  --simpo-component-card-bg: #ffffff;
  --simpo-component-card-bg-hover: #fbfbf8;
  --simpo-component-card-border: #e1e1db;
  --simpo-component-card-border-hover: #c9c9c2;
  --simpo-component-card-radius: 14px;
  --simpo-component-card-shadow: 0 1px 2px rgba(24, 24, 27, 0.05);
  --simpo-component-panel-bg: #ffffff;
  --simpo-component-panel-border: #e1e1db;
  --simpo-component-panel-radius: 16px;
  --simpo-component-panel-shadow: 0 10px 30px rgba(24, 24, 27, 0.07);
  --simpo-component-input-bg: #ffffff;
  --simpo-component-input-fg: #18181b;
  --simpo-component-input-placeholder: #71717a;
  --simpo-component-input-border: #c9c9c2;
  --simpo-component-input-border-hover: var(--simpo-border-strong);
  --simpo-component-input-border-focus: #18181b;
  --simpo-component-input-focus-shadow: 0 0 0 3px rgba(24, 24, 27, 0.14);
  --simpo-component-input-radius: 8px;
  --simpo-component-input-height-md: 40px;
  --simpo-catalog-sidebar-bg: #ffffff;
  --simpo-catalog-sidebar-border: #e1e1db;
  --simpo-catalog-sidebar-radius: 16px;
  --simpo-catalog-sidebar-shadow: 0 10px 30px rgba(24, 24, 27, 0.07);
  --simpo-catalog-category-item-selected-border: #18181b;
  --simpo-catalog-category-item-count-bg: #ecebe5;
  --simpo-catalog-category-item-count-fg: #18181b;
  --simpo-catalog-detail-panel-label-fg: #18181b;
  --simpo-color-brand-50: #fafafa;
  --simpo-color-brand-100: #f4f4f5;
  --simpo-color-brand-200: #e4e4e7;
  --simpo-color-brand-400: #a1a1aa;
  --simpo-color-brand-500: #71717a;
  --simpo-color-brand-600: #52525b;
  --simpo-color-brand-700: #18181b;
  --simpo-font-size-xs: 12px;
  --simpo-font-size-sm: 13px;
  --simpo-font-size-md: 14px;
  --simpo-font-size-lg: 16px;
  --simpo-font-size-xl: 18px;
  --simpo-font-size-2xl: 24px;
  --simpo-font-size-3xl: 32px;
  --simpo-font-size-display: 40px;
  --simpo-font-weight-regular: 400;
  --simpo-font-weight-medium: 500;
  --simpo-font-weight-semibold: 600;
  --simpo-font-weight-bold: 700;
  --simpo-font-weight-extraBold: 800;
  --simpo-space-0: 0px;
  --simpo-spacing-0: 0px;
  --simpo-space-1: 4px;
  --simpo-spacing-1: 4px;
  --simpo-space-2: 8px;
  --simpo-spacing-2: 8px;
  --simpo-space-3: 12px;
  --simpo-spacing-3: 12px;
  --simpo-space-4: 16px;
  --simpo-spacing-4: 16px;
  --simpo-space-5: 20px;
  --simpo-spacing-5: 20px;
  --simpo-space-6: 24px;
  --simpo-spacing-6: 24px;
  --simpo-space-7: 28px;
  --simpo-spacing-7: 28px;
  --simpo-space-8: 32px;
  --simpo-spacing-8: 32px;
  --simpo-space-10: 40px;
  --simpo-spacing-10: 40px;
  --simpo-space-12: 48px;
  --simpo-spacing-12: 48px;
  --simpo-space-14: 56px;
  --simpo-spacing-14: 56px;
  --simpo-space-16: 64px;
  --simpo-spacing-16: 64px;
  --simpo-space-20: 80px;
  --simpo-spacing-20: 80px;
  --simpo-space-24: 96px;
  --simpo-spacing-24: 96px;
  --simpo-radius-none: 0px;
  --simpo-radius-xs: 4px;
  --simpo-radius-sm: 6px;
  --simpo-radius-md: 8px;
  --simpo-radius-lg: 10px;
  --simpo-radius-xl: 14px;
  --simpo-radius-2xl: 20px;
  --simpo-radius-3xl: 24px;
  --simpo-radius-full: 999px;
  --simpo-shadow-none: none;
  --simpo-shadow-xs: 0 1px 2px rgba(15, 10, 20, 0.04);
  --simpo-shadow-sm: 0 1px 2px rgba(24, 24, 27, 0.05);
  --simpo-shadow-md: 0 8px 24px rgba(24, 24, 27, 0.07);
  --simpo-shadow-lg: 0 18px 44px rgba(24, 24, 27, 0.11);
  --simpo-shadow-focus: 0 0 0 3px rgba(24, 24, 27, 0.14);
  --simpo-shadow-gradient-glow: 0 0 0 3px rgba(24, 24, 27, 0.14);
  --simpo-shadow-ai-glow: 0 0 0 3px rgba(24, 24, 27, 0.14);
  --simpo-breakpoint-xs: 0;
  --simpo-breakpoint-sm: 40rem;
  --simpo-breakpoint-md: 48rem;
  --simpo-breakpoint-lg: 64rem;
  --simpo-breakpoint-xl: 80rem;
  --simpo-breakpoint-2xl: 96rem;
  --simpo-z-index-base: 0;
  --simpo-z-index-raised: 10;
  --simpo-z-index-sticky: 100;
  --simpo-z-index-dropdown: 1000;
  --simpo-z-index-popover: 1100;
  --simpo-z-index-overlay: 1200;
  --simpo-z-index-drawer: 1300;
  --simpo-z-index-modal: 1400;
  --simpo-z-index-toast: 1500;
  --simpo-z-index-tooltip: 1600;
  --simpo-motion-duration-instant: 0ms;
  --simpo-motion-duration-fast: 120ms;
  --simpo-motion-duration-normal: 180ms;
  --simpo-motion-duration-slow: 240ms;
  --simpo-motion-duration-slower: 320ms;
  --simpo-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --simpo-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --simpo-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
}
[data-simpo-theme=oceanic-focus] {
  --simpo-brand-primary: #0b2545;
  --simpo-brand-primary-hover: #135d75;
  --simpo-brand-primary-active: #0f4c5c;
  --simpo-brand-primary-subtle: #e5f6f8;
  --simpo-brand-primary-strong: #0b2545;
  --simpo-brand-on-primary: #ffffff;
  --simpo-brand-secondary: #4f46e5;
  --simpo-brand-secondary-hover: #135d75;
  --simpo-brand-secondary-subtle: #e5f6f8;
  --simpo-brand-highlight: #f59e0b;
  --simpo-brand-primary-gradient:
    linear-gradient(
      135deg,
      #0f4c5c 0%,
      #4f46e5 58%,
      #f59e0b 100%);
  --simpo-brand-primary-gradient-alt:
    linear-gradient(
      90deg,
      #176b87 0%,
      #4f46e5 58%,
      #f59e0b 100%);
  --simpo-brand-logo-gradient:
    linear-gradient(
      90deg,
      #176b87 0%,
      #4f46e5 58%,
      #f59e0b 100%);
  --simpo-accent-default: #176b87;
  --simpo-accent-subtle: #e5f6f8;
  --simpo-accent-strong: #0b2545;
  --simpo-accent-orange: #f59e0b;
  --simpo-surface-app: #f5fafc;
  --simpo-surface-card: #ffffff;
  --simpo-surface-raised: #ffffff;
  --simpo-surface-subtle: #f8fcfd;
  --simpo-surface-inverse: #0b2545;
  --simpo-text-primary: #102a43;
  --simpo-text-secondary: #334e68;
  --simpo-text-muted: #627d98;
  --simpo-text-inverse: #ffffff;
  --simpo-text-disabled: #9fb3c8;
  --simpo-text-on-accent: #ffffff;
  --simpo-border-subtle: #e4f0f3;
  --simpo-border-default: #d6e6ea;
  --simpo-border-strong: #b9d1d7;
  --simpo-border-focus: #176b87;
  --simpo-status-success: #166534;
  --simpo-status-success-subtle: #ecfdf3;
  --simpo-status-success-border: #bbf7d0;
  --simpo-status-warning: #9e3919;
  --simpo-status-warning-subtle: #fff9ec;
  --simpo-status-warning-border: #ffe2a8;
  --simpo-status-danger: #991b1b;
  --simpo-status-danger-strong: #991b1b;
  --simpo-status-danger-subtle: #fef2f2;
  --simpo-status-danger-border: #fecaca;
  --simpo-status-info: #1d4ed8;
  --simpo-status-info-subtle: #eff6ff;
  --simpo-status-info-border: #bfdbfe;
  --simpo-status-neutral: #334e68;
  --simpo-status-neutral-subtle: #eaf4f6;
  --simpo-status-neutral-border: #d6e6ea;
  --simpo-overlay-scrim: rgba(15, 10, 20, 0.58);
  --simpo-overlay-soft: rgba(15, 10, 20, 0.08);
  --simpo-focus-ring: #176b87;
  --simpo-focus-ring-offset: #ffffff;
  --simpo-focus-shadow: 0 0 0 3px rgba(23, 107, 135, 0.18);
  --simpo-focus-outline: 2px solid var(--simpo-focus-ring);
  --simpo-focus-offset: 2px;
  --simpo-color-bg: #f5fafc;
  --simpo-color-surface: #ffffff;
  --simpo-color-surface-muted: #eaf4f6;
  --simpo-color-text: #102a43;
  --simpo-color-text-muted: #334e68;
  --simpo-color-border: #d6e6ea;
  --simpo-color-border-subtle: #e4f0f3;
  --simpo-color-primary: #176b87;
  --simpo-color-accent: #176b87;
  --simpo-color-accent-secondary: #f59e0b;
  --simpo-color-accent-soft: #e5f6f8;
  --simpo-color-accent-gradient:
    linear-gradient(
      90deg,
      #176b87 0%,
      #4f46e5 58%,
      #f59e0b 100%);
  --simpo-color-logo-gradient:
    linear-gradient(
      90deg,
      #176b87 0%,
      #4f46e5 58%,
      #f59e0b 100%);
  --simpo-color-accent-glow: 0 0 0 3px rgba(23, 107, 135, 0.18);
  --simpo-color-success-soft: #ecfdf3;
  --simpo-color-warning-soft: #fff9ec;
  --simpo-color-danger-soft: #fef2f2;
  --simpo-color-success-border: #bbf7d0;
  --simpo-color-warning-border: #ffe2a8;
  --simpo-color-danger-border: #fecaca;
  --simpo-color-info-border: #bfdbfe;
  --simpo-color-danger-500: #ef4444;
  --simpo-color-success-50: #ecfdf3;
  --simpo-color-success-600: #166534;
  --simpo-color-success-700: #166534;
  --simpo-font-family-sans:
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --simpo-font-family-brand:
    "Syne",
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    sans-serif;
  --simpo-font-family-mono:
    "JetBrains Mono",
    "SFMono-Regular",
    Consolas,
    monospace;
  --simpo-line-height-tight: 1.2;
  --simpo-line-height-normal: 22px;
  --simpo-line-height-relaxed: 1.6;
  --simpo-shadow-aiGlow: 0 0 0 3px rgba(23, 107, 135, 0.18);
  --simpo-shadow-brand: 0 0 0 3px rgba(23, 107, 135, 0.18);
  --simpo-shadow-panel: 0 10px 30px rgba(16, 42, 67, 0.07);
  --simpo-z-overlay: 1200;
  --simpo-shell-topbar-height: 56px;
  --simpo-shell-primary-nav-width: 248px;
  --simpo-shell-primary-nav-collapsed-width: 64px;
  --simpo-shell-secondary-nav-width: 280px;
  --simpo-shell-content-max-width: 1440px;
  --simpo-shell-content-padding-x: 24px;
  --simpo-shell-content-padding-y: 20px;
  --simpo-shell-right-panel-width: 360px;
  --simpo-drawer-quick-create-width: 420px;
  --simpo-drawer-standard-width: 560px;
  --simpo-drawer-review-width: 720px;
  --simpo-action-primary-bg: #176b87;
  --simpo-action-primary-bg-hover: #135d75;
  --simpo-action-primary-bg-active: #0f4c5c;
  --simpo-action-primary-fg: #ffffff;
  --simpo-action-primary-border: #176b87;
  --simpo-action-secondary-bg: #ffffff;
  --simpo-action-secondary-bg-hover: #e5f6f8;
  --simpo-action-secondary-fg: #0b2545;
  --simpo-action-secondary-border: #d6e6ea;
  --simpo-component-card-bg: #ffffff;
  --simpo-component-card-bg-hover: #f8fcfd;
  --simpo-component-card-border: #d6e6ea;
  --simpo-component-card-border-hover: #b9d1d7;
  --simpo-component-card-radius: 14px;
  --simpo-component-card-shadow: 0 2px 8px rgba(16, 42, 67, 0.05);
  --simpo-component-panel-bg: #ffffff;
  --simpo-component-panel-border: #d6e6ea;
  --simpo-component-panel-radius: 16px;
  --simpo-component-panel-shadow: 0 10px 30px rgba(16, 42, 67, 0.07);
  --simpo-component-input-bg: #ffffff;
  --simpo-component-input-fg: #102a43;
  --simpo-component-input-placeholder: #627d98;
  --simpo-component-input-border: #b9d1d7;
  --simpo-component-input-border-hover: var(--simpo-border-strong);
  --simpo-component-input-border-focus: #176b87;
  --simpo-component-input-focus-shadow: 0 0 0 3px rgba(23, 107, 135, 0.18);
  --simpo-component-input-radius: 10px;
  --simpo-component-input-height-md: 40px;
  --simpo-catalog-sidebar-bg: #ffffff;
  --simpo-catalog-sidebar-border: #d6e6ea;
  --simpo-catalog-sidebar-radius: 16px;
  --simpo-catalog-sidebar-shadow: 0 10px 30px rgba(16, 42, 67, 0.07);
  --simpo-catalog-category-item-selected-border: #176b87;
  --simpo-catalog-category-item-count-bg: #e5f6f8;
  --simpo-catalog-category-item-count-fg: #176b87;
  --simpo-catalog-detail-panel-label-fg: #176b87;
  --simpo-color-brand-50: #ecfeff;
  --simpo-color-brand-100: #cffafe;
  --simpo-color-brand-200: #a5f3fc;
  --simpo-color-brand-400: #22d3ee;
  --simpo-color-brand-500: #06b6d4;
  --simpo-color-brand-600: #0891b2;
  --simpo-color-brand-700: #176b87;
  --simpo-font-size-xs: 12px;
  --simpo-font-size-sm: 13px;
  --simpo-font-size-md: 14px;
  --simpo-font-size-lg: 16px;
  --simpo-font-size-xl: 18px;
  --simpo-font-size-2xl: 24px;
  --simpo-font-size-3xl: 32px;
  --simpo-font-size-display: 40px;
  --simpo-font-weight-regular: 400;
  --simpo-font-weight-medium: 500;
  --simpo-font-weight-semibold: 600;
  --simpo-font-weight-bold: 700;
  --simpo-font-weight-extraBold: 800;
  --simpo-space-0: 0px;
  --simpo-spacing-0: 0px;
  --simpo-space-1: 4px;
  --simpo-spacing-1: 4px;
  --simpo-space-2: 8px;
  --simpo-spacing-2: 8px;
  --simpo-space-3: 12px;
  --simpo-spacing-3: 12px;
  --simpo-space-4: 16px;
  --simpo-spacing-4: 16px;
  --simpo-space-5: 20px;
  --simpo-spacing-5: 20px;
  --simpo-space-6: 24px;
  --simpo-spacing-6: 24px;
  --simpo-space-7: 28px;
  --simpo-spacing-7: 28px;
  --simpo-space-8: 32px;
  --simpo-spacing-8: 32px;
  --simpo-space-10: 40px;
  --simpo-spacing-10: 40px;
  --simpo-space-12: 48px;
  --simpo-spacing-12: 48px;
  --simpo-space-14: 56px;
  --simpo-spacing-14: 56px;
  --simpo-space-16: 64px;
  --simpo-spacing-16: 64px;
  --simpo-space-20: 80px;
  --simpo-spacing-20: 80px;
  --simpo-space-24: 96px;
  --simpo-spacing-24: 96px;
  --simpo-radius-none: 0px;
  --simpo-radius-xs: 4px;
  --simpo-radius-sm: 6px;
  --simpo-radius-md: 10px;
  --simpo-radius-lg: 12px;
  --simpo-radius-xl: 16px;
  --simpo-radius-2xl: 20px;
  --simpo-radius-3xl: 24px;
  --simpo-radius-full: 999px;
  --simpo-shadow-none: none;
  --simpo-shadow-xs: 0 1px 2px rgba(15, 10, 20, 0.04);
  --simpo-shadow-sm: 0 2px 8px rgba(16, 42, 67, 0.05);
  --simpo-shadow-md: 0 8px 24px rgba(16, 42, 67, 0.08);
  --simpo-shadow-lg: 0 18px 44px rgba(16, 42, 67, 0.12);
  --simpo-shadow-focus: 0 0 0 3px rgba(23, 107, 135, 0.18);
  --simpo-shadow-gradient-glow: 0 0 0 3px rgba(23, 107, 135, 0.18);
  --simpo-shadow-ai-glow: 0 0 0 3px rgba(23, 107, 135, 0.18);
  --simpo-breakpoint-xs: 0;
  --simpo-breakpoint-sm: 40rem;
  --simpo-breakpoint-md: 48rem;
  --simpo-breakpoint-lg: 64rem;
  --simpo-breakpoint-xl: 80rem;
  --simpo-breakpoint-2xl: 96rem;
  --simpo-z-index-base: 0;
  --simpo-z-index-raised: 10;
  --simpo-z-index-sticky: 100;
  --simpo-z-index-dropdown: 1000;
  --simpo-z-index-popover: 1100;
  --simpo-z-index-overlay: 1200;
  --simpo-z-index-drawer: 1300;
  --simpo-z-index-modal: 1400;
  --simpo-z-index-toast: 1500;
  --simpo-z-index-tooltip: 1600;
  --simpo-motion-duration-instant: 0ms;
  --simpo-motion-duration-fast: 120ms;
  --simpo-motion-duration-normal: 180ms;
  --simpo-motion-duration-slow: 240ms;
  --simpo-motion-duration-slower: 320ms;
  --simpo-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --simpo-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --simpo-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
}
[data-simpo-theme=prism-violet] {
  --simpo-brand-primary: #1e1b4b;
  --simpo-brand-primary-hover: #5b4ee6;
  --simpo-brand-primary-active: #4338ca;
  --simpo-brand-primary-subtle: #ede9fe;
  --simpo-brand-primary-strong: #1e1b4b;
  --simpo-brand-on-primary: #ffffff;
  --simpo-brand-secondary: #8b5cf6;
  --simpo-brand-secondary-hover: #5b4ee6;
  --simpo-brand-secondary-subtle: #ede9fe;
  --simpo-brand-highlight: #f97316;
  --simpo-brand-primary-gradient:
    linear-gradient(
      135deg,
      #4338ca 0%,
      #8b5cf6 54%,
      #f97316 100%);
  --simpo-brand-primary-gradient-alt:
    linear-gradient(
      90deg,
      #6d5df6 0%,
      #8b5cf6 54%,
      #f97316 100%);
  --simpo-brand-logo-gradient:
    linear-gradient(
      90deg,
      #6d5df6 0%,
      #8b5cf6 54%,
      #f97316 100%);
  --simpo-accent-default: #6d5df6;
  --simpo-accent-subtle: #ede9fe;
  --simpo-accent-strong: #1e1b4b;
  --simpo-accent-orange: #f97316;
  --simpo-surface-app: #f7f5ff;
  --simpo-surface-card: #ffffff;
  --simpo-surface-raised: #ffffff;
  --simpo-surface-subtle: #fbfaff;
  --simpo-surface-inverse: #1e1b4b;
  --simpo-text-primary: #211a3e;
  --simpo-text-secondary: #51476f;
  --simpo-text-muted: #7c719b;
  --simpo-text-inverse: #ffffff;
  --simpo-text-disabled: #b8b0d0;
  --simpo-text-on-accent: #ffffff;
  --simpo-border-subtle: #eeeafb;
  --simpo-border-default: #ded8f4;
  --simpo-border-strong: #c9c0ea;
  --simpo-border-focus: #6d5df6;
  --simpo-status-success: #166534;
  --simpo-status-success-subtle: #ecfdf3;
  --simpo-status-success-border: #bbf7d0;
  --simpo-status-warning: #9e3919;
  --simpo-status-warning-subtle: #fff9ec;
  --simpo-status-warning-border: #ffe2a8;
  --simpo-status-danger: #991b1b;
  --simpo-status-danger-strong: #991b1b;
  --simpo-status-danger-subtle: #fef2f2;
  --simpo-status-danger-border: #fecaca;
  --simpo-status-info: #1d4ed8;
  --simpo-status-info-subtle: #eff6ff;
  --simpo-status-info-border: #bfdbfe;
  --simpo-status-neutral: #51476f;
  --simpo-status-neutral-subtle: #f0edff;
  --simpo-status-neutral-border: #ded8f4;
  --simpo-overlay-scrim: rgba(15, 10, 20, 0.58);
  --simpo-overlay-soft: rgba(15, 10, 20, 0.08);
  --simpo-focus-ring: #6d5df6;
  --simpo-focus-ring-offset: #ffffff;
  --simpo-focus-shadow: 0 0 0 3px rgba(109, 93, 246, 0.18);
  --simpo-focus-outline: 2px solid var(--simpo-focus-ring);
  --simpo-focus-offset: 2px;
  --simpo-color-bg: #f7f5ff;
  --simpo-color-surface: #ffffff;
  --simpo-color-surface-muted: #f0edff;
  --simpo-color-text: #211a3e;
  --simpo-color-text-muted: #51476f;
  --simpo-color-border: #ded8f4;
  --simpo-color-border-subtle: #eeeafb;
  --simpo-color-primary: #6d5df6;
  --simpo-color-accent: #6d5df6;
  --simpo-color-accent-secondary: #f97316;
  --simpo-color-accent-soft: #ede9fe;
  --simpo-color-accent-gradient:
    linear-gradient(
      90deg,
      #6d5df6 0%,
      #8b5cf6 54%,
      #f97316 100%);
  --simpo-color-logo-gradient:
    linear-gradient(
      90deg,
      #6d5df6 0%,
      #8b5cf6 54%,
      #f97316 100%);
  --simpo-color-accent-glow: 0 0 0 3px rgba(109, 93, 246, 0.18);
  --simpo-color-success-soft: #ecfdf3;
  --simpo-color-warning-soft: #fff9ec;
  --simpo-color-danger-soft: #fef2f2;
  --simpo-color-success-border: #bbf7d0;
  --simpo-color-warning-border: #ffe2a8;
  --simpo-color-danger-border: #fecaca;
  --simpo-color-info-border: #bfdbfe;
  --simpo-color-danger-500: #ef4444;
  --simpo-color-success-50: #ecfdf3;
  --simpo-color-success-600: #166534;
  --simpo-color-success-700: #166534;
  --simpo-font-family-sans:
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --simpo-font-family-brand:
    "Syne",
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    sans-serif;
  --simpo-font-family-mono:
    "JetBrains Mono",
    "SFMono-Regular",
    Consolas,
    monospace;
  --simpo-line-height-tight: 1.2;
  --simpo-line-height-normal: 22px;
  --simpo-line-height-relaxed: 1.6;
  --simpo-shadow-aiGlow: 0 0 0 3px rgba(109, 93, 246, 0.18);
  --simpo-shadow-brand: 0 0 0 3px rgba(109, 93, 246, 0.18);
  --simpo-shadow-panel: 0 12px 34px rgba(33, 26, 62, 0.08);
  --simpo-z-overlay: 1200;
  --simpo-shell-topbar-height: 56px;
  --simpo-shell-primary-nav-width: 248px;
  --simpo-shell-primary-nav-collapsed-width: 64px;
  --simpo-shell-secondary-nav-width: 280px;
  --simpo-shell-content-max-width: 1440px;
  --simpo-shell-content-padding-x: 24px;
  --simpo-shell-content-padding-y: 20px;
  --simpo-shell-right-panel-width: 360px;
  --simpo-drawer-quick-create-width: 420px;
  --simpo-drawer-standard-width: 560px;
  --simpo-drawer-review-width: 720px;
  --simpo-action-primary-bg: #6d5df6;
  --simpo-action-primary-bg-hover: #5b4ee6;
  --simpo-action-primary-bg-active: #4338ca;
  --simpo-action-primary-fg: #ffffff;
  --simpo-action-primary-border: #6d5df6;
  --simpo-action-secondary-bg: #ffffff;
  --simpo-action-secondary-bg-hover: #ede9fe;
  --simpo-action-secondary-fg: #1e1b4b;
  --simpo-action-secondary-border: #ded8f4;
  --simpo-component-card-bg: #ffffff;
  --simpo-component-card-bg-hover: #fbfaff;
  --simpo-component-card-border: #ded8f4;
  --simpo-component-card-border-hover: #c9c0ea;
  --simpo-component-card-radius: 14px;
  --simpo-component-card-shadow: 0 2px 8px rgba(33, 26, 62, 0.06);
  --simpo-component-panel-bg: #ffffff;
  --simpo-component-panel-border: #ded8f4;
  --simpo-component-panel-radius: 16px;
  --simpo-component-panel-shadow: 0 12px 34px rgba(33, 26, 62, 0.08);
  --simpo-component-input-bg: #ffffff;
  --simpo-component-input-fg: #211a3e;
  --simpo-component-input-placeholder: #7c719b;
  --simpo-component-input-border: #c9c0ea;
  --simpo-component-input-border-hover: var(--simpo-border-strong);
  --simpo-component-input-border-focus: #6d5df6;
  --simpo-component-input-focus-shadow: 0 0 0 3px rgba(109, 93, 246, 0.18);
  --simpo-component-input-radius: 10px;
  --simpo-component-input-height-md: 40px;
  --simpo-catalog-sidebar-bg: #ffffff;
  --simpo-catalog-sidebar-border: #ded8f4;
  --simpo-catalog-sidebar-radius: 16px;
  --simpo-catalog-sidebar-shadow: 0 12px 34px rgba(33, 26, 62, 0.08);
  --simpo-catalog-category-item-selected-border: #6d5df6;
  --simpo-catalog-category-item-count-bg: #ede9fe;
  --simpo-catalog-category-item-count-fg: #6d5df6;
  --simpo-catalog-detail-panel-label-fg: #6d5df6;
  --simpo-color-brand-50: #f5f3ff;
  --simpo-color-brand-100: #ede9fe;
  --simpo-color-brand-200: #ddd6fe;
  --simpo-color-brand-400: #a78bfa;
  --simpo-color-brand-500: #8b5cf6;
  --simpo-color-brand-600: #7c3aed;
  --simpo-color-brand-700: #6d5df6;
  --simpo-font-size-xs: 12px;
  --simpo-font-size-sm: 13px;
  --simpo-font-size-md: 14px;
  --simpo-font-size-lg: 16px;
  --simpo-font-size-xl: 18px;
  --simpo-font-size-2xl: 24px;
  --simpo-font-size-3xl: 32px;
  --simpo-font-size-display: 40px;
  --simpo-font-weight-regular: 400;
  --simpo-font-weight-medium: 500;
  --simpo-font-weight-semibold: 600;
  --simpo-font-weight-bold: 700;
  --simpo-font-weight-extraBold: 800;
  --simpo-space-0: 0px;
  --simpo-spacing-0: 0px;
  --simpo-space-1: 4px;
  --simpo-spacing-1: 4px;
  --simpo-space-2: 8px;
  --simpo-spacing-2: 8px;
  --simpo-space-3: 12px;
  --simpo-spacing-3: 12px;
  --simpo-space-4: 16px;
  --simpo-spacing-4: 16px;
  --simpo-space-5: 20px;
  --simpo-spacing-5: 20px;
  --simpo-space-6: 24px;
  --simpo-spacing-6: 24px;
  --simpo-space-7: 28px;
  --simpo-spacing-7: 28px;
  --simpo-space-8: 32px;
  --simpo-spacing-8: 32px;
  --simpo-space-10: 40px;
  --simpo-spacing-10: 40px;
  --simpo-space-12: 48px;
  --simpo-spacing-12: 48px;
  --simpo-space-14: 56px;
  --simpo-spacing-14: 56px;
  --simpo-space-16: 64px;
  --simpo-spacing-16: 64px;
  --simpo-space-20: 80px;
  --simpo-spacing-20: 80px;
  --simpo-space-24: 96px;
  --simpo-spacing-24: 96px;
  --simpo-radius-none: 0px;
  --simpo-radius-xs: 4px;
  --simpo-radius-sm: 6px;
  --simpo-radius-md: 10px;
  --simpo-radius-lg: 14px;
  --simpo-radius-xl: 18px;
  --simpo-radius-2xl: 20px;
  --simpo-radius-3xl: 24px;
  --simpo-radius-full: 999px;
  --simpo-shadow-none: none;
  --simpo-shadow-xs: 0 1px 2px rgba(15, 10, 20, 0.04);
  --simpo-shadow-sm: 0 2px 8px rgba(33, 26, 62, 0.06);
  --simpo-shadow-md: 0 10px 28px rgba(33, 26, 62, 0.09);
  --simpo-shadow-lg: 0 20px 48px rgba(33, 26, 62, 0.13);
  --simpo-shadow-focus: 0 0 0 3px rgba(109, 93, 246, 0.18);
  --simpo-shadow-gradient-glow: 0 0 0 3px rgba(109, 93, 246, 0.18);
  --simpo-shadow-ai-glow: 0 0 0 3px rgba(109, 93, 246, 0.18);
  --simpo-breakpoint-xs: 0;
  --simpo-breakpoint-sm: 40rem;
  --simpo-breakpoint-md: 48rem;
  --simpo-breakpoint-lg: 64rem;
  --simpo-breakpoint-xl: 80rem;
  --simpo-breakpoint-2xl: 96rem;
  --simpo-z-index-base: 0;
  --simpo-z-index-raised: 10;
  --simpo-z-index-sticky: 100;
  --simpo-z-index-dropdown: 1000;
  --simpo-z-index-popover: 1100;
  --simpo-z-index-overlay: 1200;
  --simpo-z-index-drawer: 1300;
  --simpo-z-index-modal: 1400;
  --simpo-z-index-toast: 1500;
  --simpo-z-index-tooltip: 1600;
  --simpo-motion-duration-instant: 0ms;
  --simpo-motion-duration-fast: 120ms;
  --simpo-motion-duration-normal: 180ms;
  --simpo-motion-duration-slow: 240ms;
  --simpo-motion-duration-slower: 320ms;
  --simpo-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --simpo-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --simpo-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
}
[data-simpo-theme=sage-minimal] {
  --simpo-brand-primary: #163b2b;
  --simpo-brand-primary-hover: #315744;
  --simpo-brand-primary-active: #244232;
  --simpo-brand-primary-subtle: #e6f0e4;
  --simpo-brand-primary-strong: #163b2b;
  --simpo-brand-on-primary: #ffffff;
  --simpo-brand-secondary: #6b8f71;
  --simpo-brand-secondary-hover: #315744;
  --simpo-brand-secondary-subtle: #e6f0e4;
  --simpo-brand-highlight: #d97706;
  --simpo-brand-primary-gradient:
    linear-gradient(
      135deg,
      #244232 0%,
      #6b8f71 56%,
      #d97706 100%);
  --simpo-brand-primary-gradient-alt:
    linear-gradient(
      90deg,
      #3d6b57 0%,
      #6b8f71 56%,
      #d97706 100%);
  --simpo-brand-logo-gradient:
    linear-gradient(
      90deg,
      #3d6b57 0%,
      #6b8f71 56%,
      #d97706 100%);
  --simpo-accent-default: #3d6b57;
  --simpo-accent-subtle: #e6f0e4;
  --simpo-accent-strong: #163b2b;
  --simpo-accent-orange: #d97706;
  --simpo-surface-app: #f6f8f3;
  --simpo-surface-card: #ffffff;
  --simpo-surface-raised: #ffffff;
  --simpo-surface-subtle: #fbfcf8;
  --simpo-surface-inverse: #163b2b;
  --simpo-text-primary: #1f2a24;
  --simpo-text-secondary: #46584d;
  --simpo-text-muted: #748278;
  --simpo-text-inverse: #ffffff;
  --simpo-text-disabled: #a8b2aa;
  --simpo-text-on-accent: #ffffff;
  --simpo-border-subtle: #e7ede2;
  --simpo-border-default: #dce5d6;
  --simpo-border-strong: #c4d0be;
  --simpo-border-focus: #3d6b57;
  --simpo-status-success: #166534;
  --simpo-status-success-subtle: #ecfdf3;
  --simpo-status-success-border: #bbf7d0;
  --simpo-status-warning: #9e3919;
  --simpo-status-warning-subtle: #fff9ec;
  --simpo-status-warning-border: #ffe2a8;
  --simpo-status-danger: #991b1b;
  --simpo-status-danger-strong: #991b1b;
  --simpo-status-danger-subtle: #fef2f2;
  --simpo-status-danger-border: #fecaca;
  --simpo-status-info: #1d4ed8;
  --simpo-status-info-subtle: #eff6ff;
  --simpo-status-info-border: #bfdbfe;
  --simpo-status-neutral: #46584d;
  --simpo-status-neutral-subtle: #eef3ea;
  --simpo-status-neutral-border: #dce5d6;
  --simpo-overlay-scrim: rgba(15, 10, 20, 0.58);
  --simpo-overlay-soft: rgba(15, 10, 20, 0.08);
  --simpo-focus-ring: #3d6b57;
  --simpo-focus-ring-offset: #ffffff;
  --simpo-focus-shadow: 0 0 0 3px rgba(61, 107, 87, 0.18);
  --simpo-focus-outline: 2px solid var(--simpo-focus-ring);
  --simpo-focus-offset: 2px;
  --simpo-color-bg: #f6f8f3;
  --simpo-color-surface: #ffffff;
  --simpo-color-surface-muted: #eef3ea;
  --simpo-color-text: #1f2a24;
  --simpo-color-text-muted: #46584d;
  --simpo-color-border: #dce5d6;
  --simpo-color-border-subtle: #e7ede2;
  --simpo-color-primary: #3d6b57;
  --simpo-color-accent: #3d6b57;
  --simpo-color-accent-secondary: #d97706;
  --simpo-color-accent-soft: #e6f0e4;
  --simpo-color-accent-gradient:
    linear-gradient(
      90deg,
      #3d6b57 0%,
      #6b8f71 56%,
      #d97706 100%);
  --simpo-color-logo-gradient:
    linear-gradient(
      90deg,
      #3d6b57 0%,
      #6b8f71 56%,
      #d97706 100%);
  --simpo-color-accent-glow: 0 0 0 3px rgba(61, 107, 87, 0.18);
  --simpo-color-success-soft: #ecfdf3;
  --simpo-color-warning-soft: #fff9ec;
  --simpo-color-danger-soft: #fef2f2;
  --simpo-color-success-border: #bbf7d0;
  --simpo-color-warning-border: #ffe2a8;
  --simpo-color-danger-border: #fecaca;
  --simpo-color-info-border: #bfdbfe;
  --simpo-color-danger-500: #ef4444;
  --simpo-color-success-50: #ecfdf3;
  --simpo-color-success-600: #166534;
  --simpo-color-success-700: #166534;
  --simpo-font-family-sans:
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --simpo-font-family-brand:
    "Syne",
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    sans-serif;
  --simpo-font-family-mono:
    "JetBrains Mono",
    "SFMono-Regular",
    Consolas,
    monospace;
  --simpo-line-height-tight: 1.2;
  --simpo-line-height-normal: 22px;
  --simpo-line-height-relaxed: 1.6;
  --simpo-shadow-aiGlow: 0 0 0 3px rgba(61, 107, 87, 0.18);
  --simpo-shadow-brand: 0 0 0 3px rgba(61, 107, 87, 0.18);
  --simpo-shadow-panel: 0 12px 32px rgba(31, 42, 36, 0.07);
  --simpo-z-overlay: 1200;
  --simpo-shell-topbar-height: 56px;
  --simpo-shell-primary-nav-width: 248px;
  --simpo-shell-primary-nav-collapsed-width: 64px;
  --simpo-shell-secondary-nav-width: 280px;
  --simpo-shell-content-max-width: 1440px;
  --simpo-shell-content-padding-x: 24px;
  --simpo-shell-content-padding-y: 20px;
  --simpo-shell-right-panel-width: 360px;
  --simpo-drawer-quick-create-width: 420px;
  --simpo-drawer-standard-width: 560px;
  --simpo-drawer-review-width: 720px;
  --simpo-action-primary-bg: #3d6b57;
  --simpo-action-primary-bg-hover: #315744;
  --simpo-action-primary-bg-active: #244232;
  --simpo-action-primary-fg: #ffffff;
  --simpo-action-primary-border: #3d6b57;
  --simpo-action-secondary-bg: #ffffff;
  --simpo-action-secondary-bg-hover: #e6f0e4;
  --simpo-action-secondary-fg: #163b2b;
  --simpo-action-secondary-border: #dce5d6;
  --simpo-component-card-bg: #ffffff;
  --simpo-component-card-bg-hover: #fbfcf8;
  --simpo-component-card-border: #dce5d6;
  --simpo-component-card-border-hover: #c4d0be;
  --simpo-component-card-radius: 14px;
  --simpo-component-card-shadow: 0 2px 8px rgba(31, 42, 36, 0.05);
  --simpo-component-panel-bg: #ffffff;
  --simpo-component-panel-border: #dce5d6;
  --simpo-component-panel-radius: 16px;
  --simpo-component-panel-shadow: 0 12px 32px rgba(31, 42, 36, 0.07);
  --simpo-component-input-bg: #ffffff;
  --simpo-component-input-fg: #1f2a24;
  --simpo-component-input-placeholder: #748278;
  --simpo-component-input-border: #c4d0be;
  --simpo-component-input-border-hover: var(--simpo-border-strong);
  --simpo-component-input-border-focus: #3d6b57;
  --simpo-component-input-focus-shadow: 0 0 0 3px rgba(61, 107, 87, 0.18);
  --simpo-component-input-radius: 10px;
  --simpo-component-input-height-md: 40px;
  --simpo-catalog-sidebar-bg: #ffffff;
  --simpo-catalog-sidebar-border: #dce5d6;
  --simpo-catalog-sidebar-radius: 16px;
  --simpo-catalog-sidebar-shadow: 0 12px 32px rgba(31, 42, 36, 0.07);
  --simpo-catalog-category-item-selected-border: #3d6b57;
  --simpo-catalog-category-item-count-bg: #e6f0e4;
  --simpo-catalog-category-item-count-fg: #3d6b57;
  --simpo-catalog-detail-panel-label-fg: #3d6b57;
  --simpo-color-brand-50: #f0f7ed;
  --simpo-color-brand-100: #e2efdc;
  --simpo-color-brand-200: #c9dec0;
  --simpo-color-brand-400: #8baa80;
  --simpo-color-brand-500: #6b8f71;
  --simpo-color-brand-600: #4e775e;
  --simpo-color-brand-700: #3d6b57;
  --simpo-font-size-xs: 12px;
  --simpo-font-size-sm: 13px;
  --simpo-font-size-md: 14px;
  --simpo-font-size-lg: 16px;
  --simpo-font-size-xl: 18px;
  --simpo-font-size-2xl: 24px;
  --simpo-font-size-3xl: 32px;
  --simpo-font-size-display: 40px;
  --simpo-font-weight-regular: 400;
  --simpo-font-weight-medium: 500;
  --simpo-font-weight-semibold: 600;
  --simpo-font-weight-bold: 700;
  --simpo-font-weight-extraBold: 800;
  --simpo-space-0: 0px;
  --simpo-spacing-0: 0px;
  --simpo-space-1: 4px;
  --simpo-spacing-1: 4px;
  --simpo-space-2: 8px;
  --simpo-spacing-2: 8px;
  --simpo-space-3: 12px;
  --simpo-spacing-3: 12px;
  --simpo-space-4: 16px;
  --simpo-spacing-4: 16px;
  --simpo-space-5: 20px;
  --simpo-spacing-5: 20px;
  --simpo-space-6: 24px;
  --simpo-spacing-6: 24px;
  --simpo-space-7: 28px;
  --simpo-spacing-7: 28px;
  --simpo-space-8: 32px;
  --simpo-spacing-8: 32px;
  --simpo-space-10: 40px;
  --simpo-spacing-10: 40px;
  --simpo-space-12: 48px;
  --simpo-spacing-12: 48px;
  --simpo-space-14: 56px;
  --simpo-spacing-14: 56px;
  --simpo-space-16: 64px;
  --simpo-spacing-16: 64px;
  --simpo-space-20: 80px;
  --simpo-spacing-20: 80px;
  --simpo-space-24: 96px;
  --simpo-spacing-24: 96px;
  --simpo-radius-none: 0px;
  --simpo-radius-xs: 4px;
  --simpo-radius-sm: 6px;
  --simpo-radius-md: 10px;
  --simpo-radius-lg: 12px;
  --simpo-radius-xl: 16px;
  --simpo-radius-2xl: 20px;
  --simpo-radius-3xl: 24px;
  --simpo-radius-full: 999px;
  --simpo-shadow-none: none;
  --simpo-shadow-xs: 0 1px 2px rgba(15, 10, 20, 0.04);
  --simpo-shadow-sm: 0 2px 8px rgba(31, 42, 36, 0.05);
  --simpo-shadow-md: 0 10px 26px rgba(31, 42, 36, 0.08);
  --simpo-shadow-lg: 0 20px 44px rgba(31, 42, 36, 0.12);
  --simpo-shadow-focus: 0 0 0 3px rgba(61, 107, 87, 0.18);
  --simpo-shadow-gradient-glow: 0 0 0 3px rgba(61, 107, 87, 0.18);
  --simpo-shadow-ai-glow: 0 0 0 3px rgba(61, 107, 87, 0.18);
  --simpo-breakpoint-xs: 0;
  --simpo-breakpoint-sm: 40rem;
  --simpo-breakpoint-md: 48rem;
  --simpo-breakpoint-lg: 64rem;
  --simpo-breakpoint-xl: 80rem;
  --simpo-breakpoint-2xl: 96rem;
  --simpo-z-index-base: 0;
  --simpo-z-index-raised: 10;
  --simpo-z-index-sticky: 100;
  --simpo-z-index-dropdown: 1000;
  --simpo-z-index-popover: 1100;
  --simpo-z-index-overlay: 1200;
  --simpo-z-index-drawer: 1300;
  --simpo-z-index-modal: 1400;
  --simpo-z-index-toast: 1500;
  --simpo-z-index-tooltip: 1600;
  --simpo-motion-duration-instant: 0ms;
  --simpo-motion-duration-fast: 120ms;
  --simpo-motion-duration-normal: 180ms;
  --simpo-motion-duration-slow: 240ms;
  --simpo-motion-duration-slower: 320ms;
  --simpo-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --simpo-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --simpo-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
}
[data-simpo-theme=cloud-mousse] {
  --simpo-brand-primary: #4a3428;
  --simpo-brand-primary-hover: #65483a;
  --simpo-brand-primary-active: #4a3428;
  --simpo-brand-primary-subtle: #efe3d7;
  --simpo-brand-primary-strong: #4a3428;
  --simpo-brand-on-primary: #ffffff;
  --simpo-brand-secondary: #a47864;
  --simpo-brand-secondary-hover: #65483a;
  --simpo-brand-secondary-subtle: #efe3d7;
  --simpo-brand-highlight: #b7794a;
  --simpo-brand-primary-gradient:
    linear-gradient(
      135deg,
      #4a3428 0%,
      #a47864 58%,
      #d9c3b0 100%);
  --simpo-brand-primary-gradient-alt:
    linear-gradient(
      90deg,
      #f8f5ef 0%,
      #a47864 54%,
      #6b4e3d 100%);
  --simpo-brand-logo-gradient:
    linear-gradient(
      90deg,
      #f8f5ef 0%,
      #a47864 54%,
      #6b4e3d 100%);
  --simpo-accent-default: #7a5a48;
  --simpo-accent-subtle: #efe3d7;
  --simpo-accent-strong: #4a3428;
  --simpo-accent-orange: #b7794a;
  --simpo-surface-app: #faf8f3;
  --simpo-surface-card: #fffdfc;
  --simpo-surface-raised: #fffdfc;
  --simpo-surface-subtle: #fcfaf6;
  --simpo-surface-inverse: #251c18;
  --simpo-text-primary: #251c18;
  --simpo-text-secondary: #5b4b43;
  --simpo-text-muted: #86746b;
  --simpo-text-inverse: #ffffff;
  --simpo-text-disabled: #b8aaa2;
  --simpo-text-on-accent: #ffffff;
  --simpo-border-subtle: #f0eae1;
  --simpo-border-default: #e5dcd1;
  --simpo-border-strong: #cfc0b3;
  --simpo-border-focus: #7a5a48;
  --simpo-status-success: #166534;
  --simpo-status-success-subtle: #ecfdf3;
  --simpo-status-success-border: #bbf7d0;
  --simpo-status-warning: #9e3919;
  --simpo-status-warning-subtle: #fff9ec;
  --simpo-status-warning-border: #ffe2a8;
  --simpo-status-danger: #991b1b;
  --simpo-status-danger-strong: #991b1b;
  --simpo-status-danger-subtle: #fef2f2;
  --simpo-status-danger-border: #fecaca;
  --simpo-status-info: #1d4ed8;
  --simpo-status-info-subtle: #eff6ff;
  --simpo-status-info-border: #bfdbfe;
  --simpo-status-neutral: #5b4b43;
  --simpo-status-neutral-subtle: #f2ede6;
  --simpo-status-neutral-border: #e5dcd1;
  --simpo-overlay-scrim: rgba(15, 10, 20, 0.58);
  --simpo-overlay-soft: rgba(15, 10, 20, 0.08);
  --simpo-focus-ring: #7a5a48;
  --simpo-focus-ring-offset: #fffdfc;
  --simpo-focus-shadow: 0 0 0 3px rgba(122, 90, 72, 0.18);
  --simpo-focus-outline: 2px solid var(--simpo-focus-ring);
  --simpo-focus-offset: 2px;
  --simpo-color-bg: #faf8f3;
  --simpo-color-surface: #fffdfc;
  --simpo-color-surface-muted: #f2ede6;
  --simpo-color-text: #251c18;
  --simpo-color-text-muted: #5b4b43;
  --simpo-color-border: #e5dcd1;
  --simpo-color-border-subtle: #f0eae1;
  --simpo-color-primary: #7a5a48;
  --simpo-color-accent: #7a5a48;
  --simpo-color-accent-secondary: #b7794a;
  --simpo-color-accent-soft: #efe3d7;
  --simpo-color-accent-gradient:
    linear-gradient(
      90deg,
      #f8f5ef 0%,
      #a47864 54%,
      #6b4e3d 100%);
  --simpo-color-logo-gradient:
    linear-gradient(
      90deg,
      #f8f5ef 0%,
      #a47864 54%,
      #6b4e3d 100%);
  --simpo-color-accent-glow: 0 0 0 3px rgba(122, 90, 72, 0.18);
  --simpo-color-success-soft: #ecfdf3;
  --simpo-color-warning-soft: #fff9ec;
  --simpo-color-danger-soft: #fef2f2;
  --simpo-color-success-border: #bbf7d0;
  --simpo-color-warning-border: #ffe2a8;
  --simpo-color-danger-border: #fecaca;
  --simpo-color-info-border: #bfdbfe;
  --simpo-color-danger-500: #ef4444;
  --simpo-color-success-50: #ecfdf3;
  --simpo-color-success-600: #166534;
  --simpo-color-success-700: #166534;
  --simpo-font-family-sans:
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --simpo-font-family-brand:
    "Syne",
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    sans-serif;
  --simpo-font-family-mono:
    "JetBrains Mono",
    "SFMono-Regular",
    Consolas,
    monospace;
  --simpo-line-height-tight: 1.2;
  --simpo-line-height-normal: 22px;
  --simpo-line-height-relaxed: 1.6;
  --simpo-shadow-aiGlow: 0 0 0 3px rgba(122, 90, 72, 0.18);
  --simpo-shadow-brand: 0 0 0 3px rgba(122, 90, 72, 0.18);
  --simpo-shadow-panel: 0 12px 32px rgba(74, 52, 40, 0.07);
  --simpo-z-overlay: 1200;
  --simpo-shell-topbar-height: 56px;
  --simpo-shell-primary-nav-width: 248px;
  --simpo-shell-primary-nav-collapsed-width: 64px;
  --simpo-shell-secondary-nav-width: 280px;
  --simpo-shell-content-max-width: 1440px;
  --simpo-shell-content-padding-x: 24px;
  --simpo-shell-content-padding-y: 20px;
  --simpo-shell-right-panel-width: 360px;
  --simpo-drawer-quick-create-width: 420px;
  --simpo-drawer-standard-width: 560px;
  --simpo-drawer-review-width: 720px;
  --simpo-action-primary-bg: #7a5a48;
  --simpo-action-primary-bg-hover: #65483a;
  --simpo-action-primary-bg-active: #4a3428;
  --simpo-action-primary-fg: #ffffff;
  --simpo-action-primary-border: #7a5a48;
  --simpo-action-secondary-bg: #fffdfc;
  --simpo-action-secondary-bg-hover: #efe3d7;
  --simpo-action-secondary-fg: #4a3428;
  --simpo-action-secondary-border: #e5dcd1;
  --simpo-component-card-bg: #fffdfc;
  --simpo-component-card-bg-hover: #fcfaf6;
  --simpo-component-card-border: #e5dcd1;
  --simpo-component-card-border-hover: #cfc0b3;
  --simpo-component-card-radius: 14px;
  --simpo-component-card-shadow: 0 2px 8px rgba(74, 52, 40, 0.05);
  --simpo-component-panel-bg: #fffdfc;
  --simpo-component-panel-border: #e5dcd1;
  --simpo-component-panel-radius: 16px;
  --simpo-component-panel-shadow: 0 12px 32px rgba(74, 52, 40, 0.07);
  --simpo-component-input-bg: #fffdfc;
  --simpo-component-input-fg: #251c18;
  --simpo-component-input-placeholder: #86746b;
  --simpo-component-input-border: #cfc0b3;
  --simpo-component-input-border-hover: var(--simpo-border-strong);
  --simpo-component-input-border-focus: #7a5a48;
  --simpo-component-input-focus-shadow: 0 0 0 3px rgba(122, 90, 72, 0.18);
  --simpo-component-input-radius: 10px;
  --simpo-component-input-height-md: 40px;
  --simpo-catalog-sidebar-bg: #fffdfc;
  --simpo-catalog-sidebar-border: #e5dcd1;
  --simpo-catalog-sidebar-radius: 16px;
  --simpo-catalog-sidebar-shadow: 0 12px 32px rgba(74, 52, 40, 0.07);
  --simpo-catalog-category-item-selected-border: #7a5a48;
  --simpo-catalog-category-item-count-bg: #efe3d7;
  --simpo-catalog-category-item-count-fg: #7a5a48;
  --simpo-catalog-detail-panel-label-fg: #7a5a48;
  --simpo-color-brand-50: #fbf8f4;
  --simpo-color-brand-100: #f2ede6;
  --simpo-color-brand-200: #e5dcd1;
  --simpo-color-brand-400: #b99f8b;
  --simpo-color-brand-500: #a47864;
  --simpo-color-brand-600: #7a5a48;
  --simpo-color-brand-700: #4a3428;
  --simpo-font-size-xs: 12px;
  --simpo-font-size-sm: 13px;
  --simpo-font-size-md: 14px;
  --simpo-font-size-lg: 16px;
  --simpo-font-size-xl: 18px;
  --simpo-font-size-2xl: 24px;
  --simpo-font-size-3xl: 32px;
  --simpo-font-size-display: 40px;
  --simpo-font-weight-regular: 400;
  --simpo-font-weight-medium: 500;
  --simpo-font-weight-semibold: 600;
  --simpo-font-weight-bold: 700;
  --simpo-font-weight-extraBold: 800;
  --simpo-space-0: 0px;
  --simpo-spacing-0: 0px;
  --simpo-space-1: 4px;
  --simpo-spacing-1: 4px;
  --simpo-space-2: 8px;
  --simpo-spacing-2: 8px;
  --simpo-space-3: 12px;
  --simpo-spacing-3: 12px;
  --simpo-space-4: 16px;
  --simpo-spacing-4: 16px;
  --simpo-space-5: 20px;
  --simpo-spacing-5: 20px;
  --simpo-space-6: 24px;
  --simpo-spacing-6: 24px;
  --simpo-space-7: 28px;
  --simpo-spacing-7: 28px;
  --simpo-space-8: 32px;
  --simpo-spacing-8: 32px;
  --simpo-space-10: 40px;
  --simpo-spacing-10: 40px;
  --simpo-space-12: 48px;
  --simpo-spacing-12: 48px;
  --simpo-space-14: 56px;
  --simpo-spacing-14: 56px;
  --simpo-space-16: 64px;
  --simpo-spacing-16: 64px;
  --simpo-space-20: 80px;
  --simpo-spacing-20: 80px;
  --simpo-space-24: 96px;
  --simpo-spacing-24: 96px;
  --simpo-radius-none: 0px;
  --simpo-radius-xs: 4px;
  --simpo-radius-sm: 6px;
  --simpo-radius-md: 10px;
  --simpo-radius-lg: 14px;
  --simpo-radius-xl: 18px;
  --simpo-radius-2xl: 20px;
  --simpo-radius-3xl: 24px;
  --simpo-radius-full: 999px;
  --simpo-shadow-none: none;
  --simpo-shadow-xs: 0 1px 2px rgba(15, 10, 20, 0.04);
  --simpo-shadow-sm: 0 2px 8px rgba(74, 52, 40, 0.05);
  --simpo-shadow-md: 0 10px 28px rgba(74, 52, 40, 0.08);
  --simpo-shadow-lg: 0 22px 48px rgba(74, 52, 40, 0.12);
  --simpo-shadow-focus: 0 0 0 3px rgba(122, 90, 72, 0.18);
  --simpo-shadow-gradient-glow: 0 0 0 3px rgba(122, 90, 72, 0.18);
  --simpo-shadow-ai-glow: 0 0 0 3px rgba(122, 90, 72, 0.18);
  --simpo-breakpoint-xs: 0;
  --simpo-breakpoint-sm: 40rem;
  --simpo-breakpoint-md: 48rem;
  --simpo-breakpoint-lg: 64rem;
  --simpo-breakpoint-xl: 80rem;
  --simpo-breakpoint-2xl: 96rem;
  --simpo-z-index-base: 0;
  --simpo-z-index-raised: 10;
  --simpo-z-index-sticky: 100;
  --simpo-z-index-dropdown: 1000;
  --simpo-z-index-popover: 1100;
  --simpo-z-index-overlay: 1200;
  --simpo-z-index-drawer: 1300;
  --simpo-z-index-modal: 1400;
  --simpo-z-index-toast: 1500;
  --simpo-z-index-tooltip: 1600;
  --simpo-motion-duration-instant: 0ms;
  --simpo-motion-duration-fast: 120ms;
  --simpo-motion-duration-normal: 180ms;
  --simpo-motion-duration-slow: 240ms;
  --simpo-motion-duration-slower: 320ms;
  --simpo-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --simpo-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --simpo-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
}
[data-simpo-theme=transformative-teal] {
  --simpo-brand-primary: #093d4a;
  --simpo-brand-primary-hover: #0b5e60;
  --simpo-brand-primary-active: #08494b;
  --simpo-brand-primary-subtle: #ddf3f2;
  --simpo-brand-primary-strong: #093d4a;
  --simpo-brand-on-primary: #ffffff;
  --simpo-brand-secondary: #78b7d0;
  --simpo-brand-secondary-hover: #0b5e60;
  --simpo-brand-secondary-subtle: #ddf3f2;
  --simpo-brand-highlight: #8a1c32;
  --simpo-brand-primary-gradient:
    linear-gradient(
      135deg,
      #093d4a 0%,
      #0e6f72 48%,
      #8a1c32 100%);
  --simpo-brand-primary-gradient-alt:
    linear-gradient(
      90deg,
      #0e6f72 0%,
      #78b7d0 58%,
      #8a1c32 100%);
  --simpo-brand-logo-gradient:
    linear-gradient(
      90deg,
      #0e6f72 0%,
      #78b7d0 58%,
      #8a1c32 100%);
  --simpo-accent-default: #0e6f72;
  --simpo-accent-subtle: #ddf3f2;
  --simpo-accent-strong: #093d4a;
  --simpo-accent-orange: #8a1c32;
  --simpo-surface-app: #f3fafb;
  --simpo-surface-card: #ffffff;
  --simpo-surface-raised: #ffffff;
  --simpo-surface-subtle: #f8fcfd;
  --simpo-surface-inverse: #093d4a;
  --simpo-text-primary: #102a33;
  --simpo-text-secondary: #345966;
  --simpo-text-muted: #6a8791;
  --simpo-text-inverse: #ffffff;
  --simpo-text-disabled: #a4bac2;
  --simpo-text-on-accent: #ffffff;
  --simpo-border-subtle: #e2f0f2;
  --simpo-border-default: #d2e4e8;
  --simpo-border-strong: #b4cdd4;
  --simpo-border-focus: #0e6f72;
  --simpo-status-success: #166534;
  --simpo-status-success-subtle: #ecfdf3;
  --simpo-status-success-border: #bbf7d0;
  --simpo-status-warning: #9e3919;
  --simpo-status-warning-subtle: #fff9ec;
  --simpo-status-warning-border: #ffe2a8;
  --simpo-status-danger: #991b1b;
  --simpo-status-danger-strong: #991b1b;
  --simpo-status-danger-subtle: #fef2f2;
  --simpo-status-danger-border: #fecaca;
  --simpo-status-info: #1d4ed8;
  --simpo-status-info-subtle: #eff6ff;
  --simpo-status-info-border: #bfdbfe;
  --simpo-status-neutral: #345966;
  --simpo-status-neutral-subtle: #e9f4f6;
  --simpo-status-neutral-border: #d2e4e8;
  --simpo-overlay-scrim: rgba(15, 10, 20, 0.58);
  --simpo-overlay-soft: rgba(15, 10, 20, 0.08);
  --simpo-focus-ring: #0e6f72;
  --simpo-focus-ring-offset: #ffffff;
  --simpo-focus-shadow: 0 0 0 3px rgba(14, 111, 114, 0.18);
  --simpo-focus-outline: 2px solid var(--simpo-focus-ring);
  --simpo-focus-offset: 2px;
  --simpo-color-bg: #f3fafb;
  --simpo-color-surface: #ffffff;
  --simpo-color-surface-muted: #e9f4f6;
  --simpo-color-text: #102a33;
  --simpo-color-text-muted: #345966;
  --simpo-color-border: #d2e4e8;
  --simpo-color-border-subtle: #e2f0f2;
  --simpo-color-primary: #0e6f72;
  --simpo-color-accent: #0e6f72;
  --simpo-color-accent-secondary: #8a1c32;
  --simpo-color-accent-soft: #ddf3f2;
  --simpo-color-accent-gradient:
    linear-gradient(
      90deg,
      #0e6f72 0%,
      #78b7d0 58%,
      #8a1c32 100%);
  --simpo-color-logo-gradient:
    linear-gradient(
      90deg,
      #0e6f72 0%,
      #78b7d0 58%,
      #8a1c32 100%);
  --simpo-color-accent-glow: 0 0 0 3px rgba(14, 111, 114, 0.18);
  --simpo-color-success-soft: #ecfdf3;
  --simpo-color-warning-soft: #fff9ec;
  --simpo-color-danger-soft: #fef2f2;
  --simpo-color-success-border: #bbf7d0;
  --simpo-color-warning-border: #ffe2a8;
  --simpo-color-danger-border: #fecaca;
  --simpo-color-info-border: #bfdbfe;
  --simpo-color-danger-500: #ef4444;
  --simpo-color-success-50: #ecfdf3;
  --simpo-color-success-600: #166534;
  --simpo-color-success-700: #166534;
  --simpo-font-family-sans:
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --simpo-font-family-brand:
    "Syne",
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    sans-serif;
  --simpo-font-family-mono:
    "JetBrains Mono",
    "SFMono-Regular",
    Consolas,
    monospace;
  --simpo-line-height-tight: 1.2;
  --simpo-line-height-normal: 22px;
  --simpo-line-height-relaxed: 1.6;
  --simpo-shadow-aiGlow: 0 0 0 3px rgba(14, 111, 114, 0.18);
  --simpo-shadow-brand: 0 0 0 3px rgba(14, 111, 114, 0.18);
  --simpo-shadow-panel: 0 12px 32px rgba(9, 61, 74, 0.07);
  --simpo-z-overlay: 1200;
  --simpo-shell-topbar-height: 56px;
  --simpo-shell-primary-nav-width: 248px;
  --simpo-shell-primary-nav-collapsed-width: 64px;
  --simpo-shell-secondary-nav-width: 280px;
  --simpo-shell-content-max-width: 1440px;
  --simpo-shell-content-padding-x: 24px;
  --simpo-shell-content-padding-y: 20px;
  --simpo-shell-right-panel-width: 360px;
  --simpo-drawer-quick-create-width: 420px;
  --simpo-drawer-standard-width: 560px;
  --simpo-drawer-review-width: 720px;
  --simpo-action-primary-bg: #0e6f72;
  --simpo-action-primary-bg-hover: #0b5e60;
  --simpo-action-primary-bg-active: #08494b;
  --simpo-action-primary-fg: #ffffff;
  --simpo-action-primary-border: #0e6f72;
  --simpo-action-secondary-bg: #ffffff;
  --simpo-action-secondary-bg-hover: #ddf3f2;
  --simpo-action-secondary-fg: #093d4a;
  --simpo-action-secondary-border: #d2e4e8;
  --simpo-component-card-bg: #ffffff;
  --simpo-component-card-bg-hover: #f8fcfd;
  --simpo-component-card-border: #d2e4e8;
  --simpo-component-card-border-hover: #b4cdd4;
  --simpo-component-card-radius: 14px;
  --simpo-component-card-shadow: 0 2px 8px rgba(9, 61, 74, 0.05);
  --simpo-component-panel-bg: #ffffff;
  --simpo-component-panel-border: #d2e4e8;
  --simpo-component-panel-radius: 16px;
  --simpo-component-panel-shadow: 0 12px 32px rgba(9, 61, 74, 0.07);
  --simpo-component-input-bg: #ffffff;
  --simpo-component-input-fg: #102a33;
  --simpo-component-input-placeholder: #6a8791;
  --simpo-component-input-border: #b4cdd4;
  --simpo-component-input-border-hover: var(--simpo-border-strong);
  --simpo-component-input-border-focus: #0e6f72;
  --simpo-component-input-focus-shadow: 0 0 0 3px rgba(14, 111, 114, 0.18);
  --simpo-component-input-radius: 10px;
  --simpo-component-input-height-md: 40px;
  --simpo-catalog-sidebar-bg: #ffffff;
  --simpo-catalog-sidebar-border: #d2e4e8;
  --simpo-catalog-sidebar-radius: 16px;
  --simpo-catalog-sidebar-shadow: 0 12px 32px rgba(9, 61, 74, 0.07);
  --simpo-catalog-category-item-selected-border: #0e6f72;
  --simpo-catalog-category-item-count-bg: #ddf3f2;
  --simpo-catalog-category-item-count-fg: #0e6f72;
  --simpo-catalog-detail-panel-label-fg: #0e6f72;
  --simpo-color-brand-50: #ecfeff;
  --simpo-color-brand-100: #ddf3f2;
  --simpo-color-brand-200: #bee7e5;
  --simpo-color-brand-400: #62b6b7;
  --simpo-color-brand-500: #2c9497;
  --simpo-color-brand-600: #0e6f72;
  --simpo-color-brand-700: #093d4a;
  --simpo-font-size-xs: 12px;
  --simpo-font-size-sm: 13px;
  --simpo-font-size-md: 14px;
  --simpo-font-size-lg: 16px;
  --simpo-font-size-xl: 18px;
  --simpo-font-size-2xl: 24px;
  --simpo-font-size-3xl: 32px;
  --simpo-font-size-display: 40px;
  --simpo-font-weight-regular: 400;
  --simpo-font-weight-medium: 500;
  --simpo-font-weight-semibold: 600;
  --simpo-font-weight-bold: 700;
  --simpo-font-weight-extraBold: 800;
  --simpo-space-0: 0px;
  --simpo-spacing-0: 0px;
  --simpo-space-1: 4px;
  --simpo-spacing-1: 4px;
  --simpo-space-2: 8px;
  --simpo-spacing-2: 8px;
  --simpo-space-3: 12px;
  --simpo-spacing-3: 12px;
  --simpo-space-4: 16px;
  --simpo-spacing-4: 16px;
  --simpo-space-5: 20px;
  --simpo-spacing-5: 20px;
  --simpo-space-6: 24px;
  --simpo-spacing-6: 24px;
  --simpo-space-7: 28px;
  --simpo-spacing-7: 28px;
  --simpo-space-8: 32px;
  --simpo-spacing-8: 32px;
  --simpo-space-10: 40px;
  --simpo-spacing-10: 40px;
  --simpo-space-12: 48px;
  --simpo-spacing-12: 48px;
  --simpo-space-14: 56px;
  --simpo-spacing-14: 56px;
  --simpo-space-16: 64px;
  --simpo-spacing-16: 64px;
  --simpo-space-20: 80px;
  --simpo-spacing-20: 80px;
  --simpo-space-24: 96px;
  --simpo-spacing-24: 96px;
  --simpo-radius-none: 0px;
  --simpo-radius-xs: 4px;
  --simpo-radius-sm: 6px;
  --simpo-radius-md: 10px;
  --simpo-radius-lg: 12px;
  --simpo-radius-xl: 16px;
  --simpo-radius-2xl: 20px;
  --simpo-radius-3xl: 24px;
  --simpo-radius-full: 999px;
  --simpo-shadow-none: none;
  --simpo-shadow-xs: 0 1px 2px rgba(15, 10, 20, 0.04);
  --simpo-shadow-sm: 0 2px 8px rgba(9, 61, 74, 0.05);
  --simpo-shadow-md: 0 10px 28px rgba(9, 61, 74, 0.08);
  --simpo-shadow-lg: 0 20px 46px rgba(9, 61, 74, 0.12);
  --simpo-shadow-focus: 0 0 0 3px rgba(14, 111, 114, 0.18);
  --simpo-shadow-gradient-glow: 0 0 0 3px rgba(14, 111, 114, 0.18);
  --simpo-shadow-ai-glow: 0 0 0 3px rgba(14, 111, 114, 0.18);
  --simpo-breakpoint-xs: 0;
  --simpo-breakpoint-sm: 40rem;
  --simpo-breakpoint-md: 48rem;
  --simpo-breakpoint-lg: 64rem;
  --simpo-breakpoint-xl: 80rem;
  --simpo-breakpoint-2xl: 96rem;
  --simpo-z-index-base: 0;
  --simpo-z-index-raised: 10;
  --simpo-z-index-sticky: 100;
  --simpo-z-index-dropdown: 1000;
  --simpo-z-index-popover: 1100;
  --simpo-z-index-overlay: 1200;
  --simpo-z-index-drawer: 1300;
  --simpo-z-index-modal: 1400;
  --simpo-z-index-toast: 1500;
  --simpo-z-index-tooltip: 1600;
  --simpo-motion-duration-instant: 0ms;
  --simpo-motion-duration-fast: 120ms;
  --simpo-motion-duration-normal: 180ms;
  --simpo-motion-duration-slow: 240ms;
  --simpo-motion-duration-slower: 320ms;
  --simpo-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --simpo-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --simpo-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
}
[data-simpo-theme=cyber-rose] {
  --simpo-brand-primary: #3f123c;
  --simpo-brand-primary-hover: #a21d68;
  --simpo-brand-primary-active: #831853;
  --simpo-brand-primary-subtle: #fce7f3;
  --simpo-brand-primary-strong: #3f123c;
  --simpo-brand-on-primary: #ffffff;
  --simpo-brand-secondary: #7c3aed;
  --simpo-brand-secondary-hover: #a21d68;
  --simpo-brand-secondary-subtle: #fce7f3;
  --simpo-brand-highlight: #ff7a59;
  --simpo-brand-primary-gradient:
    linear-gradient(
      135deg,
      #831853 0%,
      #7c3aed 56%,
      #ff7a59 100%);
  --simpo-brand-primary-gradient-alt:
    linear-gradient(
      90deg,
      #c0267a 0%,
      #7c3aed 56%,
      #ff7a59 100%);
  --simpo-brand-logo-gradient:
    linear-gradient(
      90deg,
      #c0267a 0%,
      #7c3aed 56%,
      #ff7a59 100%);
  --simpo-accent-default: #c0267a;
  --simpo-accent-subtle: #fce7f3;
  --simpo-accent-strong: #3f123c;
  --simpo-accent-orange: #ff7a59;
  --simpo-surface-app: #fff7fc;
  --simpo-surface-card: #ffffff;
  --simpo-surface-raised: #ffffff;
  --simpo-surface-subtle: #fffbfe;
  --simpo-surface-inverse: #3f123c;
  --simpo-text-primary: #2e1930;
  --simpo-text-secondary: #60445f;
  --simpo-text-muted: #8a7088;
  --simpo-text-inverse: #ffffff;
  --simpo-text-disabled: #bca9b9;
  --simpo-text-on-accent: #ffffff;
  --simpo-border-subtle: #f5e7f3;
  --simpo-border-default: #ead5e7;
  --simpo-border-strong: #d7b7d2;
  --simpo-border-focus: #c0267a;
  --simpo-status-success: #166534;
  --simpo-status-success-subtle: #ecfdf3;
  --simpo-status-success-border: #bbf7d0;
  --simpo-status-warning: #9e3919;
  --simpo-status-warning-subtle: #fff9ec;
  --simpo-status-warning-border: #ffe2a8;
  --simpo-status-danger: #991b1b;
  --simpo-status-danger-strong: #991b1b;
  --simpo-status-danger-subtle: #fef2f2;
  --simpo-status-danger-border: #fecaca;
  --simpo-status-info: #1d4ed8;
  --simpo-status-info-subtle: #eff6ff;
  --simpo-status-info-border: #bfdbfe;
  --simpo-status-neutral: #60445f;
  --simpo-status-neutral-subtle: #f8eef8;
  --simpo-status-neutral-border: #ead5e7;
  --simpo-overlay-scrim: rgba(15, 10, 20, 0.58);
  --simpo-overlay-soft: rgba(15, 10, 20, 0.08);
  --simpo-focus-ring: #c0267a;
  --simpo-focus-ring-offset: #ffffff;
  --simpo-focus-shadow: 0 0 0 3px rgba(192, 38, 122, 0.18);
  --simpo-focus-outline: 2px solid var(--simpo-focus-ring);
  --simpo-focus-offset: 2px;
  --simpo-color-bg: #fff7fc;
  --simpo-color-surface: #ffffff;
  --simpo-color-surface-muted: #f8eef8;
  --simpo-color-text: #2e1930;
  --simpo-color-text-muted: #60445f;
  --simpo-color-border: #ead5e7;
  --simpo-color-border-subtle: #f5e7f3;
  --simpo-color-primary: #c0267a;
  --simpo-color-accent: #c0267a;
  --simpo-color-accent-secondary: #ff7a59;
  --simpo-color-accent-soft: #fce7f3;
  --simpo-color-accent-gradient:
    linear-gradient(
      90deg,
      #c0267a 0%,
      #7c3aed 56%,
      #ff7a59 100%);
  --simpo-color-logo-gradient:
    linear-gradient(
      90deg,
      #c0267a 0%,
      #7c3aed 56%,
      #ff7a59 100%);
  --simpo-color-accent-glow: 0 0 0 3px rgba(192, 38, 122, 0.18);
  --simpo-color-success-soft: #ecfdf3;
  --simpo-color-warning-soft: #fff9ec;
  --simpo-color-danger-soft: #fef2f2;
  --simpo-color-success-border: #bbf7d0;
  --simpo-color-warning-border: #ffe2a8;
  --simpo-color-danger-border: #fecaca;
  --simpo-color-info-border: #bfdbfe;
  --simpo-color-danger-500: #ef4444;
  --simpo-color-success-50: #ecfdf3;
  --simpo-color-success-600: #166534;
  --simpo-color-success-700: #166534;
  --simpo-font-family-sans:
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --simpo-font-family-brand:
    "Syne",
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    sans-serif;
  --simpo-font-family-mono:
    "JetBrains Mono",
    "SFMono-Regular",
    Consolas,
    monospace;
  --simpo-line-height-tight: 1.2;
  --simpo-line-height-normal: 22px;
  --simpo-line-height-relaxed: 1.6;
  --simpo-shadow-aiGlow: 0 0 0 3px rgba(192, 38, 122, 0.18);
  --simpo-shadow-brand: 0 0 0 3px rgba(192, 38, 122, 0.18);
  --simpo-shadow-panel: 0 12px 34px rgba(63, 18, 60, 0.07);
  --simpo-z-overlay: 1200;
  --simpo-shell-topbar-height: 56px;
  --simpo-shell-primary-nav-width: 248px;
  --simpo-shell-primary-nav-collapsed-width: 64px;
  --simpo-shell-secondary-nav-width: 280px;
  --simpo-shell-content-max-width: 1440px;
  --simpo-shell-content-padding-x: 24px;
  --simpo-shell-content-padding-y: 20px;
  --simpo-shell-right-panel-width: 360px;
  --simpo-drawer-quick-create-width: 420px;
  --simpo-drawer-standard-width: 560px;
  --simpo-drawer-review-width: 720px;
  --simpo-action-primary-bg: #c0267a;
  --simpo-action-primary-bg-hover: #a21d68;
  --simpo-action-primary-bg-active: #831853;
  --simpo-action-primary-fg: #ffffff;
  --simpo-action-primary-border: #c0267a;
  --simpo-action-secondary-bg: #ffffff;
  --simpo-action-secondary-bg-hover: #fce7f3;
  --simpo-action-secondary-fg: #3f123c;
  --simpo-action-secondary-border: #ead5e7;
  --simpo-component-card-bg: #ffffff;
  --simpo-component-card-bg-hover: #fffbfe;
  --simpo-component-card-border: #ead5e7;
  --simpo-component-card-border-hover: #d7b7d2;
  --simpo-component-card-radius: 14px;
  --simpo-component-card-shadow: 0 2px 8px rgba(63, 18, 60, 0.05);
  --simpo-component-panel-bg: #ffffff;
  --simpo-component-panel-border: #ead5e7;
  --simpo-component-panel-radius: 16px;
  --simpo-component-panel-shadow: 0 12px 34px rgba(63, 18, 60, 0.07);
  --simpo-component-input-bg: #ffffff;
  --simpo-component-input-fg: #2e1930;
  --simpo-component-input-placeholder: #8a7088;
  --simpo-component-input-border: #d7b7d2;
  --simpo-component-input-border-hover: var(--simpo-border-strong);
  --simpo-component-input-border-focus: #c0267a;
  --simpo-component-input-focus-shadow: 0 0 0 3px rgba(192, 38, 122, 0.18);
  --simpo-component-input-radius: 12px;
  --simpo-component-input-height-md: 40px;
  --simpo-catalog-sidebar-bg: #ffffff;
  --simpo-catalog-sidebar-border: #ead5e7;
  --simpo-catalog-sidebar-radius: 16px;
  --simpo-catalog-sidebar-shadow: 0 12px 34px rgba(63, 18, 60, 0.07);
  --simpo-catalog-category-item-selected-border: #c0267a;
  --simpo-catalog-category-item-count-bg: #fce7f3;
  --simpo-catalog-category-item-count-fg: #c0267a;
  --simpo-catalog-detail-panel-label-fg: #c0267a;
  --simpo-color-brand-50: #fff1f8;
  --simpo-color-brand-100: #fce7f3;
  --simpo-color-brand-200: #fbcfe8;
  --simpo-color-brand-400: #f472b6;
  --simpo-color-brand-500: #e5468f;
  --simpo-color-brand-600: #c0267a;
  --simpo-color-brand-700: #831853;
  --simpo-font-size-xs: 12px;
  --simpo-font-size-sm: 13px;
  --simpo-font-size-md: 14px;
  --simpo-font-size-lg: 16px;
  --simpo-font-size-xl: 18px;
  --simpo-font-size-2xl: 24px;
  --simpo-font-size-3xl: 32px;
  --simpo-font-size-display: 40px;
  --simpo-font-weight-regular: 400;
  --simpo-font-weight-medium: 500;
  --simpo-font-weight-semibold: 600;
  --simpo-font-weight-bold: 700;
  --simpo-font-weight-extraBold: 800;
  --simpo-space-0: 0px;
  --simpo-spacing-0: 0px;
  --simpo-space-1: 4px;
  --simpo-spacing-1: 4px;
  --simpo-space-2: 8px;
  --simpo-spacing-2: 8px;
  --simpo-space-3: 12px;
  --simpo-spacing-3: 12px;
  --simpo-space-4: 16px;
  --simpo-spacing-4: 16px;
  --simpo-space-5: 20px;
  --simpo-spacing-5: 20px;
  --simpo-space-6: 24px;
  --simpo-spacing-6: 24px;
  --simpo-space-7: 28px;
  --simpo-spacing-7: 28px;
  --simpo-space-8: 32px;
  --simpo-spacing-8: 32px;
  --simpo-space-10: 40px;
  --simpo-spacing-10: 40px;
  --simpo-space-12: 48px;
  --simpo-spacing-12: 48px;
  --simpo-space-14: 56px;
  --simpo-spacing-14: 56px;
  --simpo-space-16: 64px;
  --simpo-spacing-16: 64px;
  --simpo-space-20: 80px;
  --simpo-spacing-20: 80px;
  --simpo-space-24: 96px;
  --simpo-spacing-24: 96px;
  --simpo-radius-none: 0px;
  --simpo-radius-xs: 4px;
  --simpo-radius-sm: 6px;
  --simpo-radius-md: 12px;
  --simpo-radius-lg: 16px;
  --simpo-radius-xl: 20px;
  --simpo-radius-2xl: 20px;
  --simpo-radius-3xl: 24px;
  --simpo-radius-full: 999px;
  --simpo-shadow-none: none;
  --simpo-shadow-xs: 0 1px 2px rgba(15, 10, 20, 0.04);
  --simpo-shadow-sm: 0 2px 8px rgba(63, 18, 60, 0.05);
  --simpo-shadow-md: 0 10px 30px rgba(63, 18, 60, 0.08);
  --simpo-shadow-lg: 0 22px 50px rgba(63, 18, 60, 0.12);
  --simpo-shadow-focus: 0 0 0 3px rgba(192, 38, 122, 0.18);
  --simpo-shadow-gradient-glow: 0 0 0 3px rgba(192, 38, 122, 0.18);
  --simpo-shadow-ai-glow: 0 0 0 3px rgba(192, 38, 122, 0.18);
  --simpo-breakpoint-xs: 0;
  --simpo-breakpoint-sm: 40rem;
  --simpo-breakpoint-md: 48rem;
  --simpo-breakpoint-lg: 64rem;
  --simpo-breakpoint-xl: 80rem;
  --simpo-breakpoint-2xl: 96rem;
  --simpo-z-index-base: 0;
  --simpo-z-index-raised: 10;
  --simpo-z-index-sticky: 100;
  --simpo-z-index-dropdown: 1000;
  --simpo-z-index-popover: 1100;
  --simpo-z-index-overlay: 1200;
  --simpo-z-index-drawer: 1300;
  --simpo-z-index-modal: 1400;
  --simpo-z-index-toast: 1500;
  --simpo-z-index-tooltip: 1600;
  --simpo-motion-duration-instant: 0ms;
  --simpo-motion-duration-fast: 120ms;
  --simpo-motion-duration-normal: 180ms;
  --simpo-motion-duration-slow: 240ms;
  --simpo-motion-duration-slower: 320ms;
  --simpo-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --simpo-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --simpo-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
}
[data-simpo-theme=retro-earth] {
  --simpo-brand-primary: #351526;
  --simpo-brand-primary-hover: #64162f;
  --simpo-brand-primary-active: #4a1024;
  --simpo-brand-primary-subtle: #f5ded1;
  --simpo-brand-primary-strong: #351526;
  --simpo-brand-on-primary: #ffffff;
  --simpo-brand-secondary: #c65a3a;
  --simpo-brand-secondary-hover: #64162f;
  --simpo-brand-secondary-subtle: #f5ded1;
  --simpo-brand-highlight: #f97316;
  --simpo-brand-primary-gradient:
    linear-gradient(
      135deg,
      #351526 0%,
      #c65a3a 52%,
      #f97316 100%);
  --simpo-brand-primary-gradient-alt:
    linear-gradient(
      90deg,
      #7a1e3a 0%,
      #c65a3a 56%,
      #b7d433 100%);
  --simpo-brand-logo-gradient:
    linear-gradient(
      90deg,
      #7a1e3a 0%,
      #c65a3a 56%,
      #b7d433 100%);
  --simpo-accent-default: #7a1e3a;
  --simpo-accent-subtle: #f5ded1;
  --simpo-accent-strong: #351526;
  --simpo-accent-orange: #f97316;
  --simpo-surface-app: #fbf6f0;
  --simpo-surface-card: #ffffff;
  --simpo-surface-raised: #ffffff;
  --simpo-surface-subtle: #fdf9f4;
  --simpo-surface-inverse: #351526;
  --simpo-text-primary: #2f1f1b;
  --simpo-text-secondary: #60443d;
  --simpo-text-muted: #8c6c62;
  --simpo-text-inverse: #ffffff;
  --simpo-text-disabled: #bfaaa2;
  --simpo-text-on-accent: #ffffff;
  --simpo-border-subtle: #f1e5dc;
  --simpo-border-default: #e5d2c5;
  --simpo-border-strong: #d0b09e;
  --simpo-border-focus: #7a1e3a;
  --simpo-status-success: #166534;
  --simpo-status-success-subtle: #ecfdf3;
  --simpo-status-success-border: #bbf7d0;
  --simpo-status-warning: #9e3919;
  --simpo-status-warning-subtle: #fff9ec;
  --simpo-status-warning-border: #ffe2a8;
  --simpo-status-danger: #991b1b;
  --simpo-status-danger-strong: #991b1b;
  --simpo-status-danger-subtle: #fef2f2;
  --simpo-status-danger-border: #fecaca;
  --simpo-status-info: #1d4ed8;
  --simpo-status-info-subtle: #eff6ff;
  --simpo-status-info-border: #bfdbfe;
  --simpo-status-neutral: #60443d;
  --simpo-status-neutral-subtle: #f2e8dd;
  --simpo-status-neutral-border: #e5d2c5;
  --simpo-overlay-scrim: rgba(15, 10, 20, 0.58);
  --simpo-overlay-soft: rgba(15, 10, 20, 0.08);
  --simpo-focus-ring: #7a1e3a;
  --simpo-focus-ring-offset: #ffffff;
  --simpo-focus-shadow: 0 0 0 3px rgba(122, 30, 58, 0.18);
  --simpo-focus-outline: 2px solid var(--simpo-focus-ring);
  --simpo-focus-offset: 2px;
  --simpo-color-bg: #fbf6f0;
  --simpo-color-surface: #ffffff;
  --simpo-color-surface-muted: #f2e8dd;
  --simpo-color-text: #2f1f1b;
  --simpo-color-text-muted: #60443d;
  --simpo-color-border: #e5d2c5;
  --simpo-color-border-subtle: #f1e5dc;
  --simpo-color-primary: #7a1e3a;
  --simpo-color-accent: #7a1e3a;
  --simpo-color-accent-secondary: #f97316;
  --simpo-color-accent-soft: #f5ded1;
  --simpo-color-accent-gradient:
    linear-gradient(
      90deg,
      #7a1e3a 0%,
      #c65a3a 56%,
      #b7d433 100%);
  --simpo-color-logo-gradient:
    linear-gradient(
      90deg,
      #7a1e3a 0%,
      #c65a3a 56%,
      #b7d433 100%);
  --simpo-color-accent-glow: 0 0 0 3px rgba(122, 30, 58, 0.18);
  --simpo-color-success-soft: #ecfdf3;
  --simpo-color-warning-soft: #fff9ec;
  --simpo-color-danger-soft: #fef2f2;
  --simpo-color-success-border: #bbf7d0;
  --simpo-color-warning-border: #ffe2a8;
  --simpo-color-danger-border: #fecaca;
  --simpo-color-info-border: #bfdbfe;
  --simpo-color-danger-500: #ef4444;
  --simpo-color-success-50: #ecfdf3;
  --simpo-color-success-600: #166534;
  --simpo-color-success-700: #166534;
  --simpo-font-family-sans:
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --simpo-font-family-brand:
    "Syne",
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    sans-serif;
  --simpo-font-family-mono:
    "JetBrains Mono",
    "SFMono-Regular",
    Consolas,
    monospace;
  --simpo-line-height-tight: 1.2;
  --simpo-line-height-normal: 22px;
  --simpo-line-height-relaxed: 1.6;
  --simpo-shadow-aiGlow: 0 0 0 3px rgba(122, 30, 58, 0.18);
  --simpo-shadow-brand: 0 0 0 3px rgba(122, 30, 58, 0.18);
  --simpo-shadow-panel: 0 12px 32px rgba(53, 21, 38, 0.07);
  --simpo-z-overlay: 1200;
  --simpo-shell-topbar-height: 56px;
  --simpo-shell-primary-nav-width: 248px;
  --simpo-shell-primary-nav-collapsed-width: 64px;
  --simpo-shell-secondary-nav-width: 280px;
  --simpo-shell-content-max-width: 1440px;
  --simpo-shell-content-padding-x: 24px;
  --simpo-shell-content-padding-y: 20px;
  --simpo-shell-right-panel-width: 360px;
  --simpo-drawer-quick-create-width: 420px;
  --simpo-drawer-standard-width: 560px;
  --simpo-drawer-review-width: 720px;
  --simpo-action-primary-bg: #7a1e3a;
  --simpo-action-primary-bg-hover: #64162f;
  --simpo-action-primary-bg-active: #4a1024;
  --simpo-action-primary-fg: #ffffff;
  --simpo-action-primary-border: #7a1e3a;
  --simpo-action-secondary-bg: #ffffff;
  --simpo-action-secondary-bg-hover: #f5ded1;
  --simpo-action-secondary-fg: #351526;
  --simpo-action-secondary-border: #e5d2c5;
  --simpo-component-card-bg: #ffffff;
  --simpo-component-card-bg-hover: #fdf9f4;
  --simpo-component-card-border: #e5d2c5;
  --simpo-component-card-border-hover: #d0b09e;
  --simpo-component-card-radius: 14px;
  --simpo-component-card-shadow: 0 2px 8px rgba(53, 21, 38, 0.05);
  --simpo-component-panel-bg: #ffffff;
  --simpo-component-panel-border: #e5d2c5;
  --simpo-component-panel-radius: 16px;
  --simpo-component-panel-shadow: 0 12px 32px rgba(53, 21, 38, 0.07);
  --simpo-component-input-bg: #ffffff;
  --simpo-component-input-fg: #2f1f1b;
  --simpo-component-input-placeholder: #8c6c62;
  --simpo-component-input-border: #d0b09e;
  --simpo-component-input-border-hover: var(--simpo-border-strong);
  --simpo-component-input-border-focus: #7a1e3a;
  --simpo-component-input-focus-shadow: 0 0 0 3px rgba(122, 30, 58, 0.18);
  --simpo-component-input-radius: 10px;
  --simpo-component-input-height-md: 40px;
  --simpo-catalog-sidebar-bg: #ffffff;
  --simpo-catalog-sidebar-border: #e5d2c5;
  --simpo-catalog-sidebar-radius: 16px;
  --simpo-catalog-sidebar-shadow: 0 12px 32px rgba(53, 21, 38, 0.07);
  --simpo-catalog-category-item-selected-border: #7a1e3a;
  --simpo-catalog-category-item-count-bg: #f5ded1;
  --simpo-catalog-category-item-count-fg: #7a1e3a;
  --simpo-catalog-detail-panel-label-fg: #7a1e3a;
  --simpo-color-brand-50: #fff7ed;
  --simpo-color-brand-100: #f5ded1;
  --simpo-color-brand-200: #ebc3b1;
  --simpo-color-brand-400: #d27654;
  --simpo-color-brand-500: #c65a3a;
  --simpo-color-brand-600: #9a382f;
  --simpo-color-brand-700: #7a1e3a;
  --simpo-font-size-xs: 12px;
  --simpo-font-size-sm: 13px;
  --simpo-font-size-md: 14px;
  --simpo-font-size-lg: 16px;
  --simpo-font-size-xl: 18px;
  --simpo-font-size-2xl: 24px;
  --simpo-font-size-3xl: 32px;
  --simpo-font-size-display: 40px;
  --simpo-font-weight-regular: 400;
  --simpo-font-weight-medium: 500;
  --simpo-font-weight-semibold: 600;
  --simpo-font-weight-bold: 700;
  --simpo-font-weight-extraBold: 800;
  --simpo-space-0: 0px;
  --simpo-spacing-0: 0px;
  --simpo-space-1: 4px;
  --simpo-spacing-1: 4px;
  --simpo-space-2: 8px;
  --simpo-spacing-2: 8px;
  --simpo-space-3: 12px;
  --simpo-spacing-3: 12px;
  --simpo-space-4: 16px;
  --simpo-spacing-4: 16px;
  --simpo-space-5: 20px;
  --simpo-spacing-5: 20px;
  --simpo-space-6: 24px;
  --simpo-spacing-6: 24px;
  --simpo-space-7: 28px;
  --simpo-spacing-7: 28px;
  --simpo-space-8: 32px;
  --simpo-spacing-8: 32px;
  --simpo-space-10: 40px;
  --simpo-spacing-10: 40px;
  --simpo-space-12: 48px;
  --simpo-spacing-12: 48px;
  --simpo-space-14: 56px;
  --simpo-spacing-14: 56px;
  --simpo-space-16: 64px;
  --simpo-spacing-16: 64px;
  --simpo-space-20: 80px;
  --simpo-spacing-20: 80px;
  --simpo-space-24: 96px;
  --simpo-spacing-24: 96px;
  --simpo-radius-none: 0px;
  --simpo-radius-xs: 4px;
  --simpo-radius-sm: 6px;
  --simpo-radius-md: 10px;
  --simpo-radius-lg: 14px;
  --simpo-radius-xl: 18px;
  --simpo-radius-2xl: 20px;
  --simpo-radius-3xl: 24px;
  --simpo-radius-full: 999px;
  --simpo-shadow-none: none;
  --simpo-shadow-xs: 0 1px 2px rgba(15, 10, 20, 0.04);
  --simpo-shadow-sm: 0 2px 8px rgba(53, 21, 38, 0.05);
  --simpo-shadow-md: 0 10px 28px rgba(53, 21, 38, 0.08);
  --simpo-shadow-lg: 0 22px 48px rgba(53, 21, 38, 0.12);
  --simpo-shadow-focus: 0 0 0 3px rgba(122, 30, 58, 0.18);
  --simpo-shadow-gradient-glow: 0 0 0 3px rgba(122, 30, 58, 0.18);
  --simpo-shadow-ai-glow: 0 0 0 3px rgba(122, 30, 58, 0.18);
  --simpo-breakpoint-xs: 0;
  --simpo-breakpoint-sm: 40rem;
  --simpo-breakpoint-md: 48rem;
  --simpo-breakpoint-lg: 64rem;
  --simpo-breakpoint-xl: 80rem;
  --simpo-breakpoint-2xl: 96rem;
  --simpo-z-index-base: 0;
  --simpo-z-index-raised: 10;
  --simpo-z-index-sticky: 100;
  --simpo-z-index-dropdown: 1000;
  --simpo-z-index-popover: 1100;
  --simpo-z-index-overlay: 1200;
  --simpo-z-index-drawer: 1300;
  --simpo-z-index-modal: 1400;
  --simpo-z-index-toast: 1500;
  --simpo-z-index-tooltip: 1600;
  --simpo-motion-duration-instant: 0ms;
  --simpo-motion-duration-fast: 120ms;
  --simpo-motion-duration-normal: 180ms;
  --simpo-motion-duration-slow: 240ms;
  --simpo-motion-duration-slower: 320ms;
  --simpo-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --simpo-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --simpo-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
}
[data-simpo-theme=henu-kinetic-pop] {
  --simpo-brand-primary: #3b1e00;
  --simpo-brand-primary-hover: #b91c34;
  --simpo-brand-primary-active: #8f1428;
  --simpo-brand-primary-subtle: #ffe8a3;
  --simpo-brand-primary-strong: #3b1e00;
  --simpo-brand-on-primary: #ffffff;
  --simpo-brand-secondary: #22b8cf;
  --simpo-brand-secondary-hover: #b91c34;
  --simpo-brand-secondary-subtle: #ffe8a3;
  --simpo-brand-highlight: #ff6b35;
  --simpo-brand-primary-gradient:
    linear-gradient(
      
      135deg,
      #f5c400 0%,
      #d7263d 42%,
      #22b8cf 72%,
      #057a45 100% );
  --simpo-brand-primary-gradient-alt:
    linear-gradient(
      
      90deg,
      #f5c400 0%,
      #d7263d 36%,
      #22b8cf 70%,
      #057a45 100% );
  --simpo-brand-logo-gradient:
    linear-gradient(
      
      90deg,
      #f5c400 0%,
      #d7263d 36%,
      #22b8cf 70%,
      #057a45 100% );
  --simpo-accent-default: #d7263d;
  --simpo-accent-subtle: #ffe8a3;
  --simpo-accent-strong: #3b1e00;
  --simpo-accent-orange: #ff6b35;
  --simpo-surface-app: #fff9e8;
  --simpo-surface-card: #ffffff;
  --simpo-surface-raised: #ffffff;
  --simpo-surface-subtle: #fffdf4;
  --simpo-surface-inverse: #3b1e00;
  --simpo-text-primary: #2c2108;
  --simpo-text-secondary: #614b16;
  --simpo-text-muted: #8b742b;
  --simpo-text-inverse: #ffffff;
  --simpo-text-disabled: #c2b06c;
  --simpo-text-on-accent: #ffffff;
  --simpo-border-subtle: #f8e8ae;
  --simpo-border-default: #e8d48c;
  --simpo-border-strong: #d3b75c;
  --simpo-border-focus: #d7263d;
  --simpo-status-success: #166534;
  --simpo-status-success-subtle: #ecfdf3;
  --simpo-status-success-border: #bbf7d0;
  --simpo-status-warning: #9e3919;
  --simpo-status-warning-subtle: #fff9ec;
  --simpo-status-warning-border: #ffe2a8;
  --simpo-status-danger: #991b1b;
  --simpo-status-danger-strong: #991b1b;
  --simpo-status-danger-subtle: #fef2f2;
  --simpo-status-danger-border: #fecaca;
  --simpo-status-info: #1d4ed8;
  --simpo-status-info-subtle: #eff6ff;
  --simpo-status-info-border: #bfdbfe;
  --simpo-status-neutral: #614b16;
  --simpo-status-neutral-subtle: #fff0b8;
  --simpo-status-neutral-border: #e8d48c;
  --simpo-overlay-scrim: rgba(15, 10, 20, 0.58);
  --simpo-overlay-soft: rgba(15, 10, 20, 0.08);
  --simpo-focus-ring: #d7263d;
  --simpo-focus-ring-offset: #ffffff;
  --simpo-focus-shadow: 0 0 0 3px rgba(215, 38, 61, 0.18);
  --simpo-focus-outline: 2px solid var(--simpo-focus-ring);
  --simpo-focus-offset: 2px;
  --simpo-color-bg: #fff9e8;
  --simpo-color-surface: #ffffff;
  --simpo-color-surface-muted: #fff0b8;
  --simpo-color-text: #2c2108;
  --simpo-color-text-muted: #614b16;
  --simpo-color-border: #e8d48c;
  --simpo-color-border-subtle: #f8e8ae;
  --simpo-color-primary: #d7263d;
  --simpo-color-accent: #d7263d;
  --simpo-color-accent-secondary: #ff6b35;
  --simpo-color-accent-soft: #ffe8a3;
  --simpo-color-accent-gradient:
    linear-gradient(
      
      90deg,
      #f5c400 0%,
      #d7263d 36%,
      #22b8cf 70%,
      #057a45 100% );
  --simpo-color-logo-gradient:
    linear-gradient(
      
      90deg,
      #f5c400 0%,
      #d7263d 36%,
      #22b8cf 70%,
      #057a45 100% );
  --simpo-color-accent-glow: 0 0 0 3px rgba(215, 38, 61, 0.18);
  --simpo-color-success-soft: #ecfdf3;
  --simpo-color-warning-soft: #fff9ec;
  --simpo-color-danger-soft: #fef2f2;
  --simpo-color-success-border: #bbf7d0;
  --simpo-color-warning-border: #ffe2a8;
  --simpo-color-danger-border: #fecaca;
  --simpo-color-info-border: #bfdbfe;
  --simpo-color-danger-500: #ef4444;
  --simpo-color-success-50: #ecfdf3;
  --simpo-color-success-600: #166534;
  --simpo-color-success-700: #166534;
  --simpo-font-family-sans:
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --simpo-font-family-brand:
    "Syne",
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    sans-serif;
  --simpo-font-family-mono:
    "JetBrains Mono",
    "SFMono-Regular",
    Consolas,
    monospace;
  --simpo-line-height-tight: 1.2;
  --simpo-line-height-normal: 22px;
  --simpo-line-height-relaxed: 1.6;
  --simpo-shadow-aiGlow: 0 0 0 3px rgba(215, 38, 61, 0.18);
  --simpo-shadow-brand: 0 0 0 3px rgba(215, 38, 61, 0.18);
  --simpo-shadow-panel: 0 12px 32px rgba(44, 33, 8, 0.07);
  --simpo-z-overlay: 1200;
  --simpo-shell-topbar-height: 56px;
  --simpo-shell-primary-nav-width: 248px;
  --simpo-shell-primary-nav-collapsed-width: 64px;
  --simpo-shell-secondary-nav-width: 280px;
  --simpo-shell-content-max-width: 1440px;
  --simpo-shell-content-padding-x: 24px;
  --simpo-shell-content-padding-y: 20px;
  --simpo-shell-right-panel-width: 360px;
  --simpo-drawer-quick-create-width: 420px;
  --simpo-drawer-standard-width: 560px;
  --simpo-drawer-review-width: 720px;
  --simpo-action-primary-bg: #d7263d;
  --simpo-action-primary-bg-hover: #b91c34;
  --simpo-action-primary-bg-active: #8f1428;
  --simpo-action-primary-fg: #ffffff;
  --simpo-action-primary-border: #d7263d;
  --simpo-action-secondary-bg: #ffffff;
  --simpo-action-secondary-bg-hover: #ffe8a3;
  --simpo-action-secondary-fg: #3b1e00;
  --simpo-action-secondary-border: #e8d48c;
  --simpo-component-card-bg: #ffffff;
  --simpo-component-card-bg-hover: #fffdf4;
  --simpo-component-card-border: #e8d48c;
  --simpo-component-card-border-hover: #d3b75c;
  --simpo-component-card-radius: 14px;
  --simpo-component-card-shadow: 0 2px 8px rgba(44, 33, 8, 0.05);
  --simpo-component-panel-bg: #ffffff;
  --simpo-component-panel-border: #e8d48c;
  --simpo-component-panel-radius: 16px;
  --simpo-component-panel-shadow: 0 12px 32px rgba(44, 33, 8, 0.07);
  --simpo-component-input-bg: #ffffff;
  --simpo-component-input-fg: #2c2108;
  --simpo-component-input-placeholder: #8b742b;
  --simpo-component-input-border: #d3b75c;
  --simpo-component-input-border-hover: var(--simpo-border-strong);
  --simpo-component-input-border-focus: #d7263d;
  --simpo-component-input-focus-shadow: 0 0 0 3px rgba(215, 38, 61, 0.18);
  --simpo-component-input-radius: 10px;
  --simpo-component-input-height-md: 40px;
  --simpo-catalog-sidebar-bg: #ffffff;
  --simpo-catalog-sidebar-border: #e8d48c;
  --simpo-catalog-sidebar-radius: 16px;
  --simpo-catalog-sidebar-shadow: 0 12px 32px rgba(44, 33, 8, 0.07);
  --simpo-catalog-category-item-selected-border: #d7263d;
  --simpo-catalog-category-item-count-bg: #ffe8a3;
  --simpo-catalog-category-item-count-fg: #d7263d;
  --simpo-catalog-detail-panel-label-fg: #d7263d;
  --simpo-color-brand-50: #fffbea;
  --simpo-color-brand-100: #fff0b8;
  --simpo-color-brand-200: #ffe37a;
  --simpo-color-brand-400: #f5c400;
  --simpo-color-brand-500: #d7263d;
  --simpo-color-brand-600: #b91c34;
  --simpo-color-brand-700: #8f1428;
  --simpo-font-size-xs: 12px;
  --simpo-font-size-sm: 13px;
  --simpo-font-size-md: 14px;
  --simpo-font-size-lg: 16px;
  --simpo-font-size-xl: 18px;
  --simpo-font-size-2xl: 24px;
  --simpo-font-size-3xl: 32px;
  --simpo-font-size-display: 40px;
  --simpo-font-weight-regular: 400;
  --simpo-font-weight-medium: 500;
  --simpo-font-weight-semibold: 600;
  --simpo-font-weight-bold: 700;
  --simpo-font-weight-extraBold: 800;
  --simpo-space-0: 0px;
  --simpo-spacing-0: 0px;
  --simpo-space-1: 4px;
  --simpo-spacing-1: 4px;
  --simpo-space-2: 8px;
  --simpo-spacing-2: 8px;
  --simpo-space-3: 12px;
  --simpo-spacing-3: 12px;
  --simpo-space-4: 16px;
  --simpo-spacing-4: 16px;
  --simpo-space-5: 20px;
  --simpo-spacing-5: 20px;
  --simpo-space-6: 24px;
  --simpo-spacing-6: 24px;
  --simpo-space-7: 28px;
  --simpo-spacing-7: 28px;
  --simpo-space-8: 32px;
  --simpo-spacing-8: 32px;
  --simpo-space-10: 40px;
  --simpo-spacing-10: 40px;
  --simpo-space-12: 48px;
  --simpo-spacing-12: 48px;
  --simpo-space-14: 56px;
  --simpo-spacing-14: 56px;
  --simpo-space-16: 64px;
  --simpo-spacing-16: 64px;
  --simpo-space-20: 80px;
  --simpo-spacing-20: 80px;
  --simpo-space-24: 96px;
  --simpo-spacing-24: 96px;
  --simpo-radius-none: 0px;
  --simpo-radius-xs: 4px;
  --simpo-radius-sm: 6px;
  --simpo-radius-md: 10px;
  --simpo-radius-lg: 14px;
  --simpo-radius-xl: 18px;
  --simpo-radius-2xl: 20px;
  --simpo-radius-3xl: 24px;
  --simpo-radius-full: 999px;
  --simpo-shadow-none: none;
  --simpo-shadow-xs: 0 1px 2px rgba(15, 10, 20, 0.04);
  --simpo-shadow-sm: 0 2px 8px rgba(44, 33, 8, 0.05);
  --simpo-shadow-md: 0 10px 28px rgba(44, 33, 8, 0.08);
  --simpo-shadow-lg: 0 22px 48px rgba(44, 33, 8, 0.12);
  --simpo-shadow-focus: 0 0 0 3px rgba(215, 38, 61, 0.18);
  --simpo-shadow-gradient-glow: 0 0 0 3px rgba(215, 38, 61, 0.18);
  --simpo-shadow-ai-glow: 0 0 0 3px rgba(215, 38, 61, 0.18);
  --simpo-breakpoint-xs: 0;
  --simpo-breakpoint-sm: 40rem;
  --simpo-breakpoint-md: 48rem;
  --simpo-breakpoint-lg: 64rem;
  --simpo-breakpoint-xl: 80rem;
  --simpo-breakpoint-2xl: 96rem;
  --simpo-z-index-base: 0;
  --simpo-z-index-raised: 10;
  --simpo-z-index-sticky: 100;
  --simpo-z-index-dropdown: 1000;
  --simpo-z-index-popover: 1100;
  --simpo-z-index-overlay: 1200;
  --simpo-z-index-drawer: 1300;
  --simpo-z-index-modal: 1400;
  --simpo-z-index-toast: 1500;
  --simpo-z-index-tooltip: 1600;
  --simpo-motion-duration-instant: 0ms;
  --simpo-motion-duration-fast: 120ms;
  --simpo-motion-duration-normal: 180ms;
  --simpo-motion-duration-slow: 240ms;
  --simpo-motion-duration-slower: 320ms;
  --simpo-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --simpo-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --simpo-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
}
[data-simpo-theme=henu-citrus-cyan] {
  --simpo-brand-primary: #073b4c;
  --simpo-brand-primary-hover: #008cb5;
  --simpo-brand-primary-active: #006d8c;
  --simpo-brand-primary-subtle: #ddf6fb;
  --simpo-brand-primary-strong: #073b4c;
  --simpo-brand-on-primary: #ffffff;
  --simpo-brand-secondary: #f5c400;
  --simpo-brand-secondary-hover: #008cb5;
  --simpo-brand-secondary-subtle: #ddf6fb;
  --simpo-brand-highlight: #ff5a36;
  --simpo-brand-primary-gradient:
    linear-gradient(
      135deg,
      #073b4c 0%,
      #00a6d6 48%,
      #ff5a36 100%);
  --simpo-brand-primary-gradient-alt:
    linear-gradient(
      90deg,
      #00a6d6 0%,
      #f5c400 58%,
      #ff5a36 100%);
  --simpo-brand-logo-gradient:
    linear-gradient(
      90deg,
      #00a6d6 0%,
      #f5c400 58%,
      #ff5a36 100%);
  --simpo-accent-default: #00a6d6;
  --simpo-accent-subtle: #ddf6fb;
  --simpo-accent-strong: #073b4c;
  --simpo-accent-orange: #ff5a36;
  --simpo-surface-app: #f6fcfd;
  --simpo-surface-card: #ffffff;
  --simpo-surface-raised: #ffffff;
  --simpo-surface-subtle: #fbfeff;
  --simpo-surface-inverse: #073b4c;
  --simpo-text-primary: #12313b;
  --simpo-text-secondary: #365b66;
  --simpo-text-muted: #6e8b93;
  --simpo-text-inverse: #ffffff;
  --simpo-text-disabled: #a8c0c7;
  --simpo-text-on-accent: #ffffff;
  --simpo-border-subtle: #e1f2f5;
  --simpo-border-default: #d0e8ed;
  --simpo-border-strong: #b2d2da;
  --simpo-border-focus: #00a6d6;
  --simpo-status-success: #166534;
  --simpo-status-success-subtle: #ecfdf3;
  --simpo-status-success-border: #bbf7d0;
  --simpo-status-warning: #9e3919;
  --simpo-status-warning-subtle: #fff9ec;
  --simpo-status-warning-border: #ffe2a8;
  --simpo-status-danger: #991b1b;
  --simpo-status-danger-strong: #991b1b;
  --simpo-status-danger-subtle: #fef2f2;
  --simpo-status-danger-border: #fecaca;
  --simpo-status-info: #1d4ed8;
  --simpo-status-info-subtle: #eff6ff;
  --simpo-status-info-border: #bfdbfe;
  --simpo-status-neutral: #365b66;
  --simpo-status-neutral-subtle: #e7f7fa;
  --simpo-status-neutral-border: #d0e8ed;
  --simpo-overlay-scrim: rgba(15, 10, 20, 0.58);
  --simpo-overlay-soft: rgba(15, 10, 20, 0.08);
  --simpo-focus-ring: #00a6d6;
  --simpo-focus-ring-offset: #ffffff;
  --simpo-focus-shadow: 0 0 0 3px rgba(0, 166, 214, 0.18);
  --simpo-focus-outline: 2px solid var(--simpo-focus-ring);
  --simpo-focus-offset: 2px;
  --simpo-color-bg: #f6fcfd;
  --simpo-color-surface: #ffffff;
  --simpo-color-surface-muted: #e7f7fa;
  --simpo-color-text: #12313b;
  --simpo-color-text-muted: #365b66;
  --simpo-color-border: #d0e8ed;
  --simpo-color-border-subtle: #e1f2f5;
  --simpo-color-primary: #00a6d6;
  --simpo-color-accent: #00a6d6;
  --simpo-color-accent-secondary: #ff5a36;
  --simpo-color-accent-soft: #ddf6fb;
  --simpo-color-accent-gradient:
    linear-gradient(
      90deg,
      #00a6d6 0%,
      #f5c400 58%,
      #ff5a36 100%);
  --simpo-color-logo-gradient:
    linear-gradient(
      90deg,
      #00a6d6 0%,
      #f5c400 58%,
      #ff5a36 100%);
  --simpo-color-accent-glow: 0 0 0 3px rgba(0, 166, 214, 0.18);
  --simpo-color-success-soft: #ecfdf3;
  --simpo-color-warning-soft: #fff9ec;
  --simpo-color-danger-soft: #fef2f2;
  --simpo-color-success-border: #bbf7d0;
  --simpo-color-warning-border: #ffe2a8;
  --simpo-color-danger-border: #fecaca;
  --simpo-color-info-border: #bfdbfe;
  --simpo-color-danger-500: #ef4444;
  --simpo-color-success-50: #ecfdf3;
  --simpo-color-success-600: #166534;
  --simpo-color-success-700: #166534;
  --simpo-font-family-sans:
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --simpo-font-family-brand:
    "Syne",
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    sans-serif;
  --simpo-font-family-mono:
    "JetBrains Mono",
    "SFMono-Regular",
    Consolas,
    monospace;
  --simpo-line-height-tight: 1.2;
  --simpo-line-height-normal: 22px;
  --simpo-line-height-relaxed: 1.6;
  --simpo-shadow-aiGlow: 0 0 0 3px rgba(0, 166, 214, 0.18);
  --simpo-shadow-brand: 0 0 0 3px rgba(0, 166, 214, 0.18);
  --simpo-shadow-panel: 0 12px 32px rgba(7, 59, 76, 0.07);
  --simpo-z-overlay: 1200;
  --simpo-shell-topbar-height: 56px;
  --simpo-shell-primary-nav-width: 248px;
  --simpo-shell-primary-nav-collapsed-width: 64px;
  --simpo-shell-secondary-nav-width: 280px;
  --simpo-shell-content-max-width: 1440px;
  --simpo-shell-content-padding-x: 24px;
  --simpo-shell-content-padding-y: 20px;
  --simpo-shell-right-panel-width: 360px;
  --simpo-drawer-quick-create-width: 420px;
  --simpo-drawer-standard-width: 560px;
  --simpo-drawer-review-width: 720px;
  --simpo-action-primary-bg: #00a6d6;
  --simpo-action-primary-bg-hover: #008cb5;
  --simpo-action-primary-bg-active: #006d8c;
  --simpo-action-primary-fg: #ffffff;
  --simpo-action-primary-border: #00a6d6;
  --simpo-action-secondary-bg: #ffffff;
  --simpo-action-secondary-bg-hover: #ddf6fb;
  --simpo-action-secondary-fg: #073b4c;
  --simpo-action-secondary-border: #d0e8ed;
  --simpo-component-card-bg: #ffffff;
  --simpo-component-card-bg-hover: #fbfeff;
  --simpo-component-card-border: #d0e8ed;
  --simpo-component-card-border-hover: #b2d2da;
  --simpo-component-card-radius: 14px;
  --simpo-component-card-shadow: 0 2px 8px rgba(7, 59, 76, 0.05);
  --simpo-component-panel-bg: #ffffff;
  --simpo-component-panel-border: #d0e8ed;
  --simpo-component-panel-radius: 16px;
  --simpo-component-panel-shadow: 0 12px 32px rgba(7, 59, 76, 0.07);
  --simpo-component-input-bg: #ffffff;
  --simpo-component-input-fg: #12313b;
  --simpo-component-input-placeholder: #6e8b93;
  --simpo-component-input-border: #b2d2da;
  --simpo-component-input-border-hover: var(--simpo-border-strong);
  --simpo-component-input-border-focus: #00a6d6;
  --simpo-component-input-focus-shadow: 0 0 0 3px rgba(0, 166, 214, 0.18);
  --simpo-component-input-radius: 10px;
  --simpo-component-input-height-md: 40px;
  --simpo-catalog-sidebar-bg: #ffffff;
  --simpo-catalog-sidebar-border: #d0e8ed;
  --simpo-catalog-sidebar-radius: 16px;
  --simpo-catalog-sidebar-shadow: 0 12px 32px rgba(7, 59, 76, 0.07);
  --simpo-catalog-category-item-selected-border: #00a6d6;
  --simpo-catalog-category-item-count-bg: #ddf6fb;
  --simpo-catalog-category-item-count-fg: #00a6d6;
  --simpo-catalog-detail-panel-label-fg: #00a6d6;
  --simpo-color-brand-50: #ecfeff;
  --simpo-color-brand-100: #ddf6fb;
  --simpo-color-brand-200: #b9ecf5;
  --simpo-color-brand-400: #4dd0e1;
  --simpo-color-brand-500: #00a6d6;
  --simpo-color-brand-600: #008cb5;
  --simpo-color-brand-700: #006d8c;
  --simpo-font-size-xs: 12px;
  --simpo-font-size-sm: 13px;
  --simpo-font-size-md: 14px;
  --simpo-font-size-lg: 16px;
  --simpo-font-size-xl: 18px;
  --simpo-font-size-2xl: 24px;
  --simpo-font-size-3xl: 32px;
  --simpo-font-size-display: 40px;
  --simpo-font-weight-regular: 400;
  --simpo-font-weight-medium: 500;
  --simpo-font-weight-semibold: 600;
  --simpo-font-weight-bold: 700;
  --simpo-font-weight-extraBold: 800;
  --simpo-space-0: 0px;
  --simpo-spacing-0: 0px;
  --simpo-space-1: 4px;
  --simpo-spacing-1: 4px;
  --simpo-space-2: 8px;
  --simpo-spacing-2: 8px;
  --simpo-space-3: 12px;
  --simpo-spacing-3: 12px;
  --simpo-space-4: 16px;
  --simpo-spacing-4: 16px;
  --simpo-space-5: 20px;
  --simpo-spacing-5: 20px;
  --simpo-space-6: 24px;
  --simpo-spacing-6: 24px;
  --simpo-space-7: 28px;
  --simpo-spacing-7: 28px;
  --simpo-space-8: 32px;
  --simpo-spacing-8: 32px;
  --simpo-space-10: 40px;
  --simpo-spacing-10: 40px;
  --simpo-space-12: 48px;
  --simpo-spacing-12: 48px;
  --simpo-space-14: 56px;
  --simpo-spacing-14: 56px;
  --simpo-space-16: 64px;
  --simpo-spacing-16: 64px;
  --simpo-space-20: 80px;
  --simpo-spacing-20: 80px;
  --simpo-space-24: 96px;
  --simpo-spacing-24: 96px;
  --simpo-radius-none: 0px;
  --simpo-radius-xs: 4px;
  --simpo-radius-sm: 6px;
  --simpo-radius-md: 10px;
  --simpo-radius-lg: 12px;
  --simpo-radius-xl: 16px;
  --simpo-radius-2xl: 20px;
  --simpo-radius-3xl: 24px;
  --simpo-radius-full: 999px;
  --simpo-shadow-none: none;
  --simpo-shadow-xs: 0 1px 2px rgba(15, 10, 20, 0.04);
  --simpo-shadow-sm: 0 2px 8px rgba(7, 59, 76, 0.05);
  --simpo-shadow-md: 0 10px 28px rgba(7, 59, 76, 0.08);
  --simpo-shadow-lg: 0 20px 46px rgba(7, 59, 76, 0.12);
  --simpo-shadow-focus: 0 0 0 3px rgba(0, 166, 214, 0.18);
  --simpo-shadow-gradient-glow: 0 0 0 3px rgba(0, 166, 214, 0.18);
  --simpo-shadow-ai-glow: 0 0 0 3px rgba(0, 166, 214, 0.18);
  --simpo-breakpoint-xs: 0;
  --simpo-breakpoint-sm: 40rem;
  --simpo-breakpoint-md: 48rem;
  --simpo-breakpoint-lg: 64rem;
  --simpo-breakpoint-xl: 80rem;
  --simpo-breakpoint-2xl: 96rem;
  --simpo-z-index-base: 0;
  --simpo-z-index-raised: 10;
  --simpo-z-index-sticky: 100;
  --simpo-z-index-dropdown: 1000;
  --simpo-z-index-popover: 1100;
  --simpo-z-index-overlay: 1200;
  --simpo-z-index-drawer: 1300;
  --simpo-z-index-modal: 1400;
  --simpo-z-index-toast: 1500;
  --simpo-z-index-tooltip: 1600;
  --simpo-motion-duration-instant: 0ms;
  --simpo-motion-duration-fast: 120ms;
  --simpo-motion-duration-normal: 180ms;
  --simpo-motion-duration-slow: 240ms;
  --simpo-motion-duration-slower: 320ms;
  --simpo-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --simpo-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --simpo-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
}
[data-simpo-theme=henu-emerald-coral] {
  --simpo-brand-primary: #073b2a;
  --simpo-brand-primary-hover: #04663a;
  --simpo-brand-primary-active: #034f2d;
  --simpo-brand-primary-subtle: #dff0d8;
  --simpo-brand-primary-strong: #073b2a;
  --simpo-brand-on-primary: #ffffff;
  --simpo-brand-secondary: #ff5a36;
  --simpo-brand-secondary-hover: #04663a;
  --simpo-brand-secondary-subtle: #dff0d8;
  --simpo-brand-highlight: #f2b705;
  --simpo-brand-primary-gradient:
    linear-gradient(
      135deg,
      #073b2a 0%,
      #057a45 48%,
      #ff5a36 100%);
  --simpo-brand-primary-gradient-alt:
    linear-gradient(
      90deg,
      #057a45 0%,
      #ff5a36 56%,
      #f2b705 100%);
  --simpo-brand-logo-gradient:
    linear-gradient(
      90deg,
      #057a45 0%,
      #ff5a36 56%,
      #f2b705 100%);
  --simpo-accent-default: #057a45;
  --simpo-accent-subtle: #dff0d8;
  --simpo-accent-strong: #073b2a;
  --simpo-accent-orange: #f2b705;
  --simpo-surface-app: #f8fbf5;
  --simpo-surface-card: #ffffff;
  --simpo-surface-raised: #ffffff;
  --simpo-surface-subtle: #fcfefa;
  --simpo-surface-inverse: #073b2a;
  --simpo-text-primary: #172c20;
  --simpo-text-secondary: #405c49;
  --simpo-text-muted: #718873;
  --simpo-text-inverse: #ffffff;
  --simpo-text-disabled: #aab9aa;
  --simpo-text-on-accent: #ffffff;
  --simpo-border-subtle: #e5efe0;
  --simpo-border-default: #d5e4cd;
  --simpo-border-strong: #b8cead;
  --simpo-border-focus: #057a45;
  --simpo-status-success: #166534;
  --simpo-status-success-subtle: #ecfdf3;
  --simpo-status-success-border: #bbf7d0;
  --simpo-status-warning: #9e3919;
  --simpo-status-warning-subtle: #fff9ec;
  --simpo-status-warning-border: #ffe2a8;
  --simpo-status-danger: #991b1b;
  --simpo-status-danger-strong: #991b1b;
  --simpo-status-danger-subtle: #fef2f2;
  --simpo-status-danger-border: #fecaca;
  --simpo-status-info: #1d4ed8;
  --simpo-status-info-subtle: #eff6ff;
  --simpo-status-info-border: #bfdbfe;
  --simpo-status-neutral: #405c49;
  --simpo-status-neutral-subtle: #eaf3e5;
  --simpo-status-neutral-border: #d5e4cd;
  --simpo-overlay-scrim: rgba(15, 10, 20, 0.58);
  --simpo-overlay-soft: rgba(15, 10, 20, 0.08);
  --simpo-focus-ring: #057a45;
  --simpo-focus-ring-offset: #ffffff;
  --simpo-focus-shadow: 0 0 0 3px rgba(5, 122, 69, 0.18);
  --simpo-focus-outline: 2px solid var(--simpo-focus-ring);
  --simpo-focus-offset: 2px;
  --simpo-color-bg: #f8fbf5;
  --simpo-color-surface: #ffffff;
  --simpo-color-surface-muted: #eaf3e5;
  --simpo-color-text: #172c20;
  --simpo-color-text-muted: #405c49;
  --simpo-color-border: #d5e4cd;
  --simpo-color-border-subtle: #e5efe0;
  --simpo-color-primary: #057a45;
  --simpo-color-accent: #057a45;
  --simpo-color-accent-secondary: #f2b705;
  --simpo-color-accent-soft: #dff0d8;
  --simpo-color-accent-gradient:
    linear-gradient(
      90deg,
      #057a45 0%,
      #ff5a36 56%,
      #f2b705 100%);
  --simpo-color-logo-gradient:
    linear-gradient(
      90deg,
      #057a45 0%,
      #ff5a36 56%,
      #f2b705 100%);
  --simpo-color-accent-glow: 0 0 0 3px rgba(5, 122, 69, 0.18);
  --simpo-color-success-soft: #ecfdf3;
  --simpo-color-warning-soft: #fff9ec;
  --simpo-color-danger-soft: #fef2f2;
  --simpo-color-success-border: #bbf7d0;
  --simpo-color-warning-border: #ffe2a8;
  --simpo-color-danger-border: #fecaca;
  --simpo-color-info-border: #bfdbfe;
  --simpo-color-danger-500: #ef4444;
  --simpo-color-success-50: #ecfdf3;
  --simpo-color-success-600: #166534;
  --simpo-color-success-700: #166534;
  --simpo-font-family-sans:
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --simpo-font-family-brand:
    "Syne",
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    sans-serif;
  --simpo-font-family-mono:
    "JetBrains Mono",
    "SFMono-Regular",
    Consolas,
    monospace;
  --simpo-line-height-tight: 1.2;
  --simpo-line-height-normal: 22px;
  --simpo-line-height-relaxed: 1.6;
  --simpo-shadow-aiGlow: 0 0 0 3px rgba(5, 122, 69, 0.18);
  --simpo-shadow-brand: 0 0 0 3px rgba(5, 122, 69, 0.18);
  --simpo-shadow-panel: 0 12px 32px rgba(7, 59, 42, 0.07);
  --simpo-z-overlay: 1200;
  --simpo-shell-topbar-height: 56px;
  --simpo-shell-primary-nav-width: 248px;
  --simpo-shell-primary-nav-collapsed-width: 64px;
  --simpo-shell-secondary-nav-width: 280px;
  --simpo-shell-content-max-width: 1440px;
  --simpo-shell-content-padding-x: 24px;
  --simpo-shell-content-padding-y: 20px;
  --simpo-shell-right-panel-width: 360px;
  --simpo-drawer-quick-create-width: 420px;
  --simpo-drawer-standard-width: 560px;
  --simpo-drawer-review-width: 720px;
  --simpo-action-primary-bg: #057a45;
  --simpo-action-primary-bg-hover: #04663a;
  --simpo-action-primary-bg-active: #034f2d;
  --simpo-action-primary-fg: #ffffff;
  --simpo-action-primary-border: #057a45;
  --simpo-action-secondary-bg: #ffffff;
  --simpo-action-secondary-bg-hover: #dff0d8;
  --simpo-action-secondary-fg: #073b2a;
  --simpo-action-secondary-border: #d5e4cd;
  --simpo-component-card-bg: #ffffff;
  --simpo-component-card-bg-hover: #fcfefa;
  --simpo-component-card-border: #d5e4cd;
  --simpo-component-card-border-hover: #b8cead;
  --simpo-component-card-radius: 14px;
  --simpo-component-card-shadow: 0 2px 8px rgba(7, 59, 42, 0.05);
  --simpo-component-panel-bg: #ffffff;
  --simpo-component-panel-border: #d5e4cd;
  --simpo-component-panel-radius: 16px;
  --simpo-component-panel-shadow: 0 12px 32px rgba(7, 59, 42, 0.07);
  --simpo-component-input-bg: #ffffff;
  --simpo-component-input-fg: #172c20;
  --simpo-component-input-placeholder: #718873;
  --simpo-component-input-border: #b8cead;
  --simpo-component-input-border-hover: var(--simpo-border-strong);
  --simpo-component-input-border-focus: #057a45;
  --simpo-component-input-focus-shadow: 0 0 0 3px rgba(5, 122, 69, 0.18);
  --simpo-component-input-radius: 10px;
  --simpo-component-input-height-md: 40px;
  --simpo-catalog-sidebar-bg: #ffffff;
  --simpo-catalog-sidebar-border: #d5e4cd;
  --simpo-catalog-sidebar-radius: 16px;
  --simpo-catalog-sidebar-shadow: 0 12px 32px rgba(7, 59, 42, 0.07);
  --simpo-catalog-category-item-selected-border: #057a45;
  --simpo-catalog-category-item-count-bg: #dff0d8;
  --simpo-catalog-category-item-count-fg: #057a45;
  --simpo-catalog-detail-panel-label-fg: #057a45;
  --simpo-color-brand-50: #f0fdf4;
  --simpo-color-brand-100: #dff0d8;
  --simpo-color-brand-200: #bfe3b4;
  --simpo-color-brand-400: #5fb878;
  --simpo-color-brand-500: #168a52;
  --simpo-color-brand-600: #057a45;
  --simpo-color-brand-700: #04663a;
  --simpo-font-size-xs: 12px;
  --simpo-font-size-sm: 13px;
  --simpo-font-size-md: 14px;
  --simpo-font-size-lg: 16px;
  --simpo-font-size-xl: 18px;
  --simpo-font-size-2xl: 24px;
  --simpo-font-size-3xl: 32px;
  --simpo-font-size-display: 40px;
  --simpo-font-weight-regular: 400;
  --simpo-font-weight-medium: 500;
  --simpo-font-weight-semibold: 600;
  --simpo-font-weight-bold: 700;
  --simpo-font-weight-extraBold: 800;
  --simpo-space-0: 0px;
  --simpo-spacing-0: 0px;
  --simpo-space-1: 4px;
  --simpo-spacing-1: 4px;
  --simpo-space-2: 8px;
  --simpo-spacing-2: 8px;
  --simpo-space-3: 12px;
  --simpo-spacing-3: 12px;
  --simpo-space-4: 16px;
  --simpo-spacing-4: 16px;
  --simpo-space-5: 20px;
  --simpo-spacing-5: 20px;
  --simpo-space-6: 24px;
  --simpo-spacing-6: 24px;
  --simpo-space-7: 28px;
  --simpo-spacing-7: 28px;
  --simpo-space-8: 32px;
  --simpo-spacing-8: 32px;
  --simpo-space-10: 40px;
  --simpo-spacing-10: 40px;
  --simpo-space-12: 48px;
  --simpo-spacing-12: 48px;
  --simpo-space-14: 56px;
  --simpo-spacing-14: 56px;
  --simpo-space-16: 64px;
  --simpo-spacing-16: 64px;
  --simpo-space-20: 80px;
  --simpo-spacing-20: 80px;
  --simpo-space-24: 96px;
  --simpo-spacing-24: 96px;
  --simpo-radius-none: 0px;
  --simpo-radius-xs: 4px;
  --simpo-radius-sm: 6px;
  --simpo-radius-md: 10px;
  --simpo-radius-lg: 12px;
  --simpo-radius-xl: 16px;
  --simpo-radius-2xl: 20px;
  --simpo-radius-3xl: 24px;
  --simpo-radius-full: 999px;
  --simpo-shadow-none: none;
  --simpo-shadow-xs: 0 1px 2px rgba(15, 10, 20, 0.04);
  --simpo-shadow-sm: 0 2px 8px rgba(7, 59, 42, 0.05);
  --simpo-shadow-md: 0 10px 28px rgba(7, 59, 42, 0.08);
  --simpo-shadow-lg: 0 20px 46px rgba(7, 59, 42, 0.12);
  --simpo-shadow-focus: 0 0 0 3px rgba(5, 122, 69, 0.18);
  --simpo-shadow-gradient-glow: 0 0 0 3px rgba(5, 122, 69, 0.18);
  --simpo-shadow-ai-glow: 0 0 0 3px rgba(5, 122, 69, 0.18);
  --simpo-breakpoint-xs: 0;
  --simpo-breakpoint-sm: 40rem;
  --simpo-breakpoint-md: 48rem;
  --simpo-breakpoint-lg: 64rem;
  --simpo-breakpoint-xl: 80rem;
  --simpo-breakpoint-2xl: 96rem;
  --simpo-z-index-base: 0;
  --simpo-z-index-raised: 10;
  --simpo-z-index-sticky: 100;
  --simpo-z-index-dropdown: 1000;
  --simpo-z-index-popover: 1100;
  --simpo-z-index-overlay: 1200;
  --simpo-z-index-drawer: 1300;
  --simpo-z-index-modal: 1400;
  --simpo-z-index-toast: 1500;
  --simpo-z-index-tooltip: 1600;
  --simpo-motion-duration-instant: 0ms;
  --simpo-motion-duration-fast: 120ms;
  --simpo-motion-duration-normal: 180ms;
  --simpo-motion-duration-slow: 240ms;
  --simpo-motion-duration-slower: 320ms;
  --simpo-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --simpo-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --simpo-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
}
[data-simpo-theme=light] {
  color-scheme: light;
}
[data-simpo-theme=dark] {
  color-scheme: dark;
}

/* node_modules/@simpo/ui-foundation/dist/base/reset.css */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  min-height: 100%;
  margin: 0;
}
img,
svg,
video,
canvas {
  display: block;
  max-width: 100%;
}
button,
input,
select,
textarea {
  font: inherit;
}
button {
  cursor: pointer;
}
button:disabled,
[aria-disabled=true] {
  cursor: not-allowed;
}

/* node_modules/@simpo/ui-foundation/dist/base/typography.css */
body {
  color: var(--simpo-text-primary);
  background: var(--simpo-surface-app);
  font-family: var(--simpo-font-family-sans);
  font-size: var(--simpo-font-size-md);
  line-height: var(--simpo-line-height-normal);
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-block: 0;
}
h1,
.simpo-heading-1 {
  font-size: var(--simpo-font-size-3xl);
  line-height: var(--simpo-line-height-tight);
  font-weight: var(--simpo-font-weight-semibold);
}
h2,
.simpo-heading-2 {
  font-size: var(--simpo-font-size-2xl);
  line-height: var(--simpo-line-height-tight);
  font-weight: var(--simpo-font-weight-semibold);
}
h3,
.simpo-heading-3 {
  font-size: var(--simpo-font-size-xl);
  line-height: var(--simpo-line-height-tight);
  font-weight: var(--simpo-font-weight-semibold);
}
.simpo-text-body {
  font-size: var(--simpo-font-size-md);
  line-height: var(--simpo-line-height-normal);
}
.simpo-text-muted {
  color: var(--simpo-text-muted);
}
.simpo-caption {
  color: var(--simpo-text-muted);
  font-size: var(--simpo-font-size-sm);
  line-height: var(--simpo-line-height-normal);
}

/* node_modules/@simpo/ui-foundation/dist/base/accessibility.css */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
}
[hidden] {
  display: none !important;
}
[aria-disabled=true],
:disabled {
  opacity: 0.6;
}
a {
  color: var(--simpo-brand-primary);
}
a:hover {
  color: var(--simpo-brand-primary-hover);
}
.simpo-interactive {
  touch-action: manipulation;
}

/* node_modules/@simpo/ui-foundation/dist/base/focus.css */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: var(--simpo-focus-outline);
  outline-offset: var(--simpo-focus-offset);
}
.simpo-focus-ring:focus-visible {
  outline: var(--simpo-focus-outline);
  outline-offset: var(--simpo-focus-offset);
  box-shadow: var(--simpo-focus-shadow);
}
.simpo-focus-within:focus-within {
  outline: var(--simpo-focus-outline);
  outline-offset: var(--simpo-focus-offset);
}

/* node_modules/@simpo/ui-foundation/dist/layout/container.css */
.simpo-container {
  --simpo-container-max: 72rem;
  width: min(100% - (var(--simpo-space-4) * 2), var(--simpo-container-max));
  margin-inline: auto;
}
.simpo-container--narrow {
  --simpo-container-max: 48rem;
}
.simpo-container--wide {
  --simpo-container-max: 90rem;
}
.simpo-container--fluid {
  --simpo-container-max: none;
  width: 100%;
  max-width: none;
  padding-inline: var(--simpo-space-4);
}
@media (min-width: 48rem) {
  .simpo-container,
  .simpo-container--narrow,
  .simpo-container--wide {
    width: min(100% - (var(--simpo-space-6) * 2), var(--simpo-container-max, 72rem));
  }
}

/* node_modules/@simpo/ui-foundation/dist/layout/section.css */
.simpo-section {
  padding-block: var(--simpo-space-8);
}
.simpo-section--compact {
  padding-block: var(--simpo-space-4);
}
.simpo-section--spacious {
  padding-block: var(--simpo-space-12);
}
.simpo-section--subtle {
  background: var(--simpo-surface-subtle);
}
@media (min-width: 48rem) {
  .simpo-section {
    padding-block: var(--simpo-space-10);
  }
  .simpo-section--compact {
    padding-block: var(--simpo-space-6);
  }
  .simpo-section--spacious {
    padding-block: var(--simpo-space-16);
  }
}

/* node_modules/@simpo/ui-foundation/dist/layout/stack.css */
.simpo-stack {
  display: flex;
  flex-direction: column;
  gap: var(--simpo-stack-gap, var(--simpo-space-4));
}
.simpo-stack--xs {
  --simpo-stack-gap: var(--simpo-space-1);
}
.simpo-stack--sm {
  --simpo-stack-gap: var(--simpo-space-2);
}
.simpo-stack--md {
  --simpo-stack-gap: var(--simpo-space-4);
}
.simpo-stack--lg {
  --simpo-stack-gap: var(--simpo-space-6);
}
.simpo-stack--xl {
  --simpo-stack-gap: var(--simpo-space-8);
}

/* node_modules/@simpo/ui-foundation/dist/layout/grid.css */
.simpo-grid {
  display: grid;
  gap: var(--simpo-grid-gap, var(--simpo-space-4));
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 48rem) {
  .simpo-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .simpo-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .simpo-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.simpo-grid--auto {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}
.simpo-grid--responsive {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}

/* node_modules/@simpo/ui-foundation/dist/layout/cluster.css */
.simpo-cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--simpo-cluster-gap, var(--simpo-space-2));
}
.simpo-cluster--between {
  justify-content: space-between;
}
.simpo-cluster--center {
  justify-content: center;
}
.simpo-cluster--end {
  justify-content: flex-end;
}
.simpo-cluster--stretch {
  align-items: stretch;
}

/* node_modules/@simpo/ui-foundation/dist/layout/split.css */
.simpo-split {
  display: grid;
  gap: var(--simpo-split-gap, var(--simpo-space-6));
  grid-template-columns: minmax(0, 1fr);
}
.simpo-split--center {
  align-items: center;
}
.simpo-split--reverse > :first-child {
  order: 2;
}
.simpo-split--reverse > :last-child {
  order: 1;
}
@media (min-width: 64rem) {
  .simpo-split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .simpo-split--sidebar {
    grid-template-columns: minmax(16rem, 20rem) minmax(0, 1fr);
  }
  .simpo-split--reverse > :first-child,
  .simpo-split--reverse > :last-child {
    order: initial;
  }
}

/* node_modules/@simpo/ui-foundation/dist/layout/page.css */
.simpo-page {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  gap: var(--simpo-space-6);
}
.simpo-page__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--simpo-space-4);
}
.simpo-page__body {
  min-width: 0;
}
.simpo-page__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--simpo-space-2);
}

/* node_modules/@simpo/ui-foundation/dist/layout/shell.css */
.simpo-shell {
  display: grid;
  min-height: 100vh;
  grid-template-areas: "topbar" "main";
  grid-template-rows: auto 1fr;
  background: var(--simpo-surface-app);
}
.simpo-shell__topbar {
  grid-area: topbar;
  border-bottom: 1px solid var(--simpo-border-subtle);
  background: var(--simpo-surface-card);
}
.simpo-shell__primary-nav {
  display: none;
  border-right: 1px solid var(--simpo-border-subtle);
  background: var(--simpo-surface-card);
}
.simpo-shell__secondary-nav {
  display: none;
  border-right: 1px solid var(--simpo-border-subtle);
  background: var(--simpo-surface-subtle);
}
.simpo-shell__main {
  grid-area: main;
  min-width: 0;
  padding: var(--simpo-space-4);
}
@media (min-width: 64rem) {
  .simpo-shell {
    grid-template-areas: "primary topbar" "primary main";
    grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr);
  }
  .simpo-shell__primary-nav {
    display: block;
    grid-area: primary;
  }
  .simpo-shell__main {
    padding: var(--simpo-space-6);
  }
}
@media (min-width: 80rem) {
  .simpo-shell:has(.simpo-shell__secondary-nav) {
    grid-template-areas: "primary secondary topbar" "primary secondary main";
    grid-template-columns: minmax(14rem, 18rem) minmax(12rem, 16rem) minmax(0, 1fr);
  }
  .simpo-shell__secondary-nav {
    display: block;
    grid-area: secondary;
  }
}

/* node_modules/@simpo/ui-foundation/dist/components/surface.css */
.simpo-surface {
  color: var(--simpo-text-primary);
  background: var(--simpo-surface-card);
  border: 1px solid var(--simpo-border-subtle);
  border-radius: var(--simpo-radius-lg);
}
.simpo-surface--card {
  padding: var(--simpo-space-4);
}
.simpo-surface--raised {
  background: var(--simpo-surface-raised);
  box-shadow: var(--simpo-shadow-md);
}
.simpo-surface--subtle {
  background: var(--simpo-surface-subtle);
}

/* node_modules/@simpo/ui-foundation/dist/components/card.css */
.simpo-card {
  padding: var(--simpo-space-4);
  color: var(--simpo-text-primary);
  background: var(--simpo-surface-card);
  border: 1px solid var(--simpo-border-subtle);
  border-radius: var(--simpo-radius-lg);
}
.simpo-card__header,
.simpo-card__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--simpo-space-3);
}
.simpo-card__body {
  min-width: 0;
}

/* node_modules/@simpo/ui-foundation/dist/components/button-base.css */
.simpo-button-base {
  display: inline-flex;
  min-height: 2.25rem;
  align-items: center;
  justify-content: center;
  gap: var(--simpo-space-2);
  padding: var(--simpo-space-2) var(--simpo-space-3);
  color: var(--simpo-text-primary);
  background: var(--simpo-surface-card);
  border: 1px solid var(--simpo-border-default);
  border-radius: var(--simpo-radius-md);
  font-weight: var(--simpo-font-weight-medium);
  text-decoration: none;
}
.simpo-button-base:hover {
  background: var(--simpo-surface-subtle);
}
.simpo-button-base:disabled,
.simpo-button-base[aria-disabled=true] {
  color: var(--simpo-text-disabled);
  background: var(--simpo-surface-subtle);
}
.simpo-button-content {
  display: inline-flex;
  align-items: center;
  gap: var(--simpo-space-2);
  min-width: 0;
}
.simpo-button-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}

/* node_modules/@simpo/ui-foundation/dist/components/form-base.css */
.simpo-field {
  display: grid;
  gap: var(--simpo-space-2);
}
.simpo-field__label {
  color: var(--simpo-text-primary);
  font-size: var(--simpo-font-size-sm);
  font-weight: var(--simpo-font-weight-medium);
}
.simpo-field__control {
  width: 100%;
  min-height: 2.5rem;
  padding: var(--simpo-space-2) var(--simpo-space-3);
  color: var(--simpo-text-primary);
  background: var(--simpo-surface-card);
  border: 1px solid var(--simpo-border-default);
  border-radius: var(--simpo-radius-md);
}
.simpo-field__control:disabled {
  color: var(--simpo-text-disabled);
  background: var(--simpo-surface-subtle);
}
.simpo-field__hint {
  color: var(--simpo-text-muted);
  font-size: var(--simpo-font-size-sm);
}
.simpo-field__error {
  color: var(--simpo-status-danger);
  font-size: var(--simpo-font-size-sm);
}

/* node_modules/@simpo/ui-foundation/dist/components/table-base.css */
.simpo-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--simpo-border-subtle);
  border-radius: var(--simpo-radius-lg);
  background: var(--simpo-surface-card);
}
.simpo-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--simpo-font-size-sm);
}
.simpo-table__header,
.simpo-table th {
  color: var(--simpo-text-secondary);
  background: var(--simpo-surface-subtle);
  font-weight: var(--simpo-font-weight-semibold);
  text-align: left;
}
.simpo-table__cell,
.simpo-table td,
.simpo-table th {
  padding: var(--simpo-space-3);
  border-bottom: 1px solid var(--simpo-border-subtle);
}
.simpo-table tr:last-child .simpo-table__cell,
.simpo-table tr:last-child td {
  border-bottom: 0;
}

/* node_modules/@simpo/ui-foundation/dist/components/badge-base.css */
.simpo-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--simpo-space-1);
  min-height: 1.5rem;
  padding: 0 var(--simpo-space-2);
  color: var(--simpo-text-secondary);
  background: var(--simpo-status-neutral-subtle);
  border: 1px solid var(--simpo-border-subtle);
  border-radius: var(--simpo-radius-full);
  font-size: var(--simpo-font-size-sm);
  font-weight: var(--simpo-font-weight-medium);
}
.simpo-badge--success {
  color: var(--simpo-status-success);
  background: var(--simpo-status-success-subtle);
}
.simpo-badge--warning {
  color: var(--simpo-status-warning);
  background: var(--simpo-status-warning-subtle);
}
.simpo-badge--danger {
  color: var(--simpo-status-danger);
  background: var(--simpo-status-danger-subtle);
}
.simpo-badge--info {
  color: var(--simpo-status-info);
  background: var(--simpo-status-info-subtle);
}
.simpo-badge--neutral {
  color: var(--simpo-status-neutral);
  background: var(--simpo-status-neutral-subtle);
}

/* node_modules/@simpo/ui-foundation/dist/components/toolbar.css */
.simpo-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--simpo-space-3);
}
.simpo-toolbar__group,
.simpo-toolbar__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--simpo-space-2);
}
.simpo-toolbar__actions {
  margin-inline-start: auto;
}

/* node_modules/@simpo/ui-foundation/dist/components/empty-state.css */
.simpo-empty-state {
  display: grid;
  place-items: center;
  gap: var(--simpo-space-3);
  min-height: 12rem;
  padding: var(--simpo-space-8);
  color: var(--simpo-text-secondary);
  text-align: center;
}
.simpo-empty-state__title {
  color: var(--simpo-text-primary);
  font-size: var(--simpo-font-size-lg);
  font-weight: var(--simpo-font-weight-semibold);
}
.simpo-empty-state__description {
  max-width: 36rem;
  color: var(--simpo-text-muted);
}

/* node_modules/@simpo/ui-foundation/dist/components/loading-state.css */
.simpo-loading-state {
  display: grid;
  place-items: center;
  gap: var(--simpo-space-3);
  min-height: 8rem;
  color: var(--simpo-text-muted);
}
.simpo-skeleton {
  display: block;
  min-height: 1rem;
  overflow: hidden;
  background:
    linear-gradient(
      90deg,
      var(--simpo-surface-subtle),
      var(--simpo-border-subtle),
      var(--simpo-surface-subtle));
  background-size: 200% 100%;
  border-radius: var(--simpo-radius-md);
  animation: simpo-skeleton-pulse 1.4s var(--simpo-motion-easing-standard) infinite;
}
@keyframes simpo-skeleton-pulse {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: -100% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .simpo-skeleton {
    animation: none;
  }
}

/* node_modules/@simpo/ui-foundation/dist/utilities/responsive.css */
.simpo-hide-mobile {
  display: none !important;
}
.simpo-show-mobile {
  display: initial !important;
}
@media (min-width: 48rem) {
  .simpo-hide-mobile {
    display: initial !important;
  }
  .simpo-show-mobile {
    display: none !important;
  }
}
.simpo-hide-desktop {
  display: initial !important;
}
.simpo-show-desktop {
  display: none !important;
}
@media (min-width: 64rem) {
  .simpo-hide-desktop {
    display: none !important;
  }
  .simpo-show-desktop {
    display: initial !important;
  }
}

/* node_modules/@simpo/ui-foundation/dist/utilities/spacing.css */
.simpo-gap-sm {
  gap: var(--simpo-space-2);
}
.simpo-gap-md {
  gap: var(--simpo-space-4);
}
.simpo-gap-lg {
  gap: var(--simpo-space-6);
}
.simpo-padding-sm {
  padding: var(--simpo-space-2);
}
.simpo-padding-md {
  padding: var(--simpo-space-4);
}
.simpo-padding-lg {
  padding: var(--simpo-space-6);
}

/* node_modules/@simpo/ui-foundation/dist/utilities/display.css */
.simpo-block {
  display: block;
}
.simpo-inline-flex {
  display: inline-flex;
}
.simpo-flex {
  display: flex;
}
.simpo-grid-display {
  display: grid;
}
.simpo-full-width {
  width: 100%;
}
.simpo-min-width-0 {
  min-width: 0;
}

/* node_modules/@simpo/ui-foundation/dist/utilities/text.css */
.simpo-text-center {
  text-align: center;
}
.simpo-text-right {
  text-align: right;
}
.simpo-text-secondary {
  color: var(--simpo-text-secondary);
}
.simpo-text-danger {
  color: var(--simpo-status-danger);
}
.simpo-text-success {
  color: var(--simpo-status-success);
}
.simpo-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* node_modules/@simpo/ui-foundation/dist/utilities/border.css */
.simpo-border {
  border: 1px solid var(--simpo-border-default);
}
.simpo-border-subtle {
  border: 1px solid var(--simpo-border-subtle);
}
.simpo-border-top {
  border-top: 1px solid var(--simpo-border-subtle);
}
.simpo-border-bottom {
  border-bottom: 1px solid var(--simpo-border-subtle);
}
.simpo-rounded {
  border-radius: var(--simpo-radius-md);
}
.simpo-rounded-lg {
  border-radius: var(--simpo-radius-lg);
}

/* node_modules/@simpo/ui-foundation/dist/utilities/shadow.css */
.simpo-shadow-sm {
  box-shadow: var(--simpo-shadow-sm);
}
.simpo-shadow-md {
  box-shadow: var(--simpo-shadow-md);
}
.simpo-shadow-none {
  box-shadow: none;
}

/* node_modules/@simpo/ui-foundation/dist/utilities/sr-only.css */
.simpo-sr-only,
.simpo-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.simpo-sr-only-focusable:focus,
.simpo-sr-only-focusable:active {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

/* node_modules/@simpo/ui-foundation/dist/index.css */

/* src/styles.scss */
html,
body {
  block-size: 100%;
  max-block-size: 100dvh;
}
body {
  margin: 0;
  overflow: hidden;
  background: var(--simpo-surface-app, #f7f5fb);
  color: var(--simpo-text-primary, #1f1633);
  font-family: var(--simpo-font-family-sans, "DM Sans", system-ui, sans-serif);
}
app-root {
  display: block;
  block-size: 100%;
  max-block-size: 100dvh;
  min-block-size: 0;
  overflow: hidden;
}
app-crm-shell {
  display: block;
  block-size: 100%;
  max-block-size: 100dvh;
  min-block-size: 0;
}
[data-simpo-theme=brand-system-v2] {
  color-scheme: light;
  --simpo-font-family-sans:
    "DM Sans",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --simpo-color-on-primary: var(--simpo-action-primary-fg);
  --simpo-color-on-danger: var(--simpo-text-on-accent);
}
[data-simpo-theme=executive-clarity] {
  color-scheme: light;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */