/**
 * Easyberry Design System color tokens.
 * Canonical documentation: docs/design/design-system/color-palette.md
 */
:root {
  color-scheme: light;

  --eb-brand-primary: #642c8f;
  --eb-brand-primary-hover: #572d7b;
  --eb-brand-dark: #0f0122;
  --eb-brand-cyan: #40cfe2;
  --eb-brand-cyan-soft: #b9f1fc;
  --eb-brand-purple-soft: #e0c8f7;

  --eb-page-bg: #f7f7fa;
  --eb-surface: #ffffff;
  --eb-surface-selected: #f1e8fa;
  --eb-border: #d7dde5;
  --eb-text: #1f2937;
  --eb-text-muted: #64748b;
  --eb-text-on-dark: #ffffff;

  --eb-dark-bg: #0f0122;
  --eb-dark-surface: #19072e;
  --eb-dark-surface-hover: #28103f;
  --eb-dark-border: #642c8f;
  --eb-dark-link: #40cfe2;
  --eb-dark-text-muted: #c9b8d8;

  --eb-success: #2e7d32;
  --eb-success-soft: #e8f5e9;
  --eb-warning: #b7791f;
  --eb-warning-soft: #fff7e0;
  --eb-danger: #c62828;
  --eb-danger-soft: #ffebee;
  --eb-info: #1677b8;
  --eb-info-soft: #e8f4fb;
  --eb-focus-ring: #e0c8f7;

  --eb-action-disabled-bg: #e5e7eb;
  --eb-action-disabled-text: #6b7280;
  --eb-overlay: rgb(15 1 34 / 72%);
}

[data-eb-theme="dark"],
.eb-theme-dark {
  color-scheme: dark;
  --eb-page-bg: var(--eb-dark-bg);
  --eb-surface: var(--eb-dark-surface);
  --eb-surface-selected: var(--eb-dark-surface-hover);
  --eb-border: var(--eb-dark-border);
  --eb-text: var(--eb-text-on-dark);
  --eb-text-muted: var(--eb-dark-text-muted);
}