/* 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;
}

/* src/styles.scss */
:root {
  color-scheme: light;
  font-family: var(--simpo-font-family-sans);
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  min-height: 100vh;
  background: var(--simpo-surface-app);
  color: var(--simpo-text-primary);
  font-family: var(--simpo-font-family-sans);
}
a {
  color: inherit;
}
button,
input,
select,
textarea {
  font: inherit;
}

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