/* Custom CSS */
[data-theme="cosmetics"] {
  --ref-color-primary: #000000;
  --ref-color-primary-fg: #FFFFFF;
  --ref-color-secondary: #8A8A8A;
  --ref-color-secondary-fg: #FFFFFF;
  --ref-color-accent: #D90000;
  --ref-color-accent-fg: #FFFFFF;
  --ref-color-bg: #ffffff;
  --ref-color-fg: #000000;
  --ref-color-surface: #F5F5F5;
  --ref-color-muted-fg: #595959;
  --ref-color-product-result-bg: #A39DD7;
  --ref-color-info: #007BFF;
  --ref-color-success: #28A745;
  --ref-color-warning: #FFC107;
  --ref-color-error: #DC3545;
  --ref-radius-sm: 4px;
  --ref-radius-md: 20px;
  --ref-radius-lg: 28px;
  --ref-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --ref-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --ref-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --ref-component-system-bubble-bg: #000000;
  --ref-component-system-bubble-fg: #FFFFFF;
  --ref-component-user-bubble-bg: #F5F5F5;
  --ref-component-user-bubble-fg: #000000;
  --ref-component-chat-input-bg: #FFFFFF;
  --ref-component-chat-input-fg: #000000;
  --ref-component-chat-input-placeholder-fg: #595959;
  --ref-component-chat-input-radius: 20px;
  --ref-component-breadcrumbs-bg: #0000001A;
  --ref-component-breadcrumbs-pill-bg: #e4e4e7;
  --ref-component-breadcrumbs-pill-fg: #101828;
  --ref-font-custom: system-ui, sans-serif;
  --ref-font-sans: system-ui, sans-serif;
  --ref-font-mono: ui-monospace, SFMono-Regular, monospace;
}