/* brand: jema */
:root {
  --color-primary-50: #f9fafb;
  --color-primary-100: #f3f4f6;
  --color-primary-200: #e5e7eb;
  --color-primary-300: #d1d5db;
  --color-primary-500: #6b7280;
  --color-primary-600: #4b5563;
  --color-primary-700: #374151;
  --color-primary-800: #1f2937;
  --color-primary-900: #111827;
  --color-accent-50: #f9fafb;
  --color-accent-100: #f3f4f6;
  --color-accent-200: #e5e7eb;
  --color-accent-300: #d1d5db;
  --color-accent-500: #6b7280;
  --color-accent-600: #4b5563;
  --color-accent-700: #374151;
  --color-accent-800: #1f2937;
  --color-accent-900: #111827;
  --ui-page-bg: #f9fafb;
  --ui-card-bg: #f3f4f6;
  --ui-border: #d1d5db;
  --ui-hover: #f9fafb;
  --ui-button-bg: #e5e7eb;
  --ui-button-text: #374151;
  --ui-button-border: #6b7280;
  --ui-button-hover: #d1d5db;
  --ui-menu-active-bg: var(--color-primary-200);
  --ui-menu-active-text: var(--color-primary-700);
  --surface-bg: #f9fafb;
  --surface-bg-dark: #111827;
  --ui-input-bg: #ffffff;
  --ui-input-border: #d1d5db;
  --ui-input-text: #111827;
  --ui-input-placeholder: #6b7280;
  --ui-input-focus-border: #4b5563;
  --ui-input-focus-ring: #6b7280;
  --brand-gradient-from: #f3f4f6;
  --brand-gradient-to: #d1d5db;
  --ui-link-color: var(--color-primary-600);
  --ui-link-hover: var(--color-primary-700);
  --ui-link-focus: var(--color-primary-700);
  --ui-attachment-bg: #f0f9ff;
  --ui-attachment-border: var(--color-primary-600);
  --ui-attachment-text: var(--color-primary-600);
}
.dark {
  --ui-page-bg: #111827;
  --ui-card-bg: #1f2937;
  --ui-border: #4b5563;
  --ui-hover: #374151;
  --ui-button-bg: #4b5563;
  --ui-button-text: #ffffff;
  --ui-button-border: #374151;
  --ui-button-hover: #374151;
  --ui-menu-active-bg: rgba(255,255,255,0.08);
  --ui-menu-active-text: #ffffff;
  --surface-bg: #111827;
  --ui-input-bg: #374151;
  --ui-input-border: #4b5563;
  --ui-input-text: #f3f4f6;
  --ui-input-placeholder: #9ca3af;
  --ui-input-focus-border: #6b7280;
  --ui-input-focus-ring: #4b5563;
  --brand-gradient-from: #1f2937;
  --brand-gradient-to: #374151;
  --ui-link-color: #3b82f6;
  --ui-link-hover: #60a5fa;
  --ui-link-focus: #60a5fa;
  --ui-attachment-bg: rgba(59, 130, 246, 0.1);
  --ui-attachment-border: #3b82f6;
  --ui-attachment-text: #3b82f6;
}