/* @ui-arch design tokens - light theme defaults + dark theme overrides */
:root {
  --ua-color-bg: #ffffff;
  --ua-color-surface: #f6f7f9;
  --ua-color-text: #1c1e21;
  --ua-color-text-muted: #6b7280;
  --ua-color-border: rgba(0, 0, 0, 0.15);
  --ua-color-accent: #185fa5;
  --ua-color-accent-contrast: #ffffff;
  --ua-color-danger: #a32d2d;
  --ua-color-success: #0f6e56;
  --ua-color-warning: #9a6b1f;

  --ua-radius-sm: 4px;
  --ua-radius-md: 8px;
  --ua-radius-lg: 12px;

  --ua-space-1: 4px;
  --ua-space-2: 8px;
  --ua-space-3: 12px;
  --ua-space-4: 16px;
  --ua-space-table-cell: var(--ua-space-2) var(--ua-space-3);

  --ua-font-size-sm: 12px;
  --ua-font-size-md: 13px;
  --ua-font-size-lg: 14px;
}

[data-theme='dark'] {
  --ua-color-bg: #101216;
  --ua-color-surface: #1a1c22;
  --ua-color-text: #e7e9ec;
  --ua-color-text-muted: #888780;
  --ua-color-border: rgba(255, 255, 255, 0.15);
  --ua-color-accent: #378add;
  --ua-color-accent-contrast: #042c53;
  --ua-color-danger: #d96a6a;
  --ua-color-success: #4fc39e;
  --ua-color-warning: #d9a94f;
}