/* Generated by scripts/build_tokens.mjs from tokens/*.json - do not edit by hand. */
:root {
  --color-action-primary: #2563eb;
  --color-action-primary-hover: #1d4ed8;
  --color-action-primary-active: #1e40af;
  --color-action-secondary: #f3f4f6;
  --color-action-secondary-hover: #e5e7eb;
  --color-action-secondary-active: #d1d5db;
  --color-action-destructive: #dc2626;
  --color-action-destructive-hover: #b91c1c;
  --color-feedback-success-bg: #f0fdf4;
  --color-feedback-success-text: #166534;
  --color-feedback-success-border: #86efac;
  --color-feedback-success-icon: #16a34a;
  --color-feedback-warning-bg: #fffbeb;
  --color-feedback-warning-text: #92400e;
  --color-feedback-warning-border: #fcd34d;
  --color-feedback-warning-icon: #d97706;
  --color-feedback-error-bg: #fef2f2;
  --color-feedback-error-text: #991b1b;
  --color-feedback-error-border: #fca5a5;
  --color-feedback-error-icon: #dc2626;
  --color-feedback-info-bg: #eff6ff;
  --color-feedback-info-text: #1e40af;
  --color-feedback-info-border: #93c5fd;
  --color-feedback-info-icon: #2563eb;
  --color-text-primary: #111827;
  --color-text-secondary: #4b5563;
  --color-text-tertiary: #9ca3af;
  --color-text-disabled: #d1d5db;
  --color-text-on-action: #ffffff;
  --color-text-on-dark: #f9fafb;
  --color-text-link: #2563eb;
  --color-text-link-hover: #1e40af;
  --color-surface-page: #ffffff;
  --color-surface-card: #ffffff;
  --color-surface-raised: #ffffff;
  --color-surface-sunken: #f9fafb;
  --color-surface-overlay: rgba(0, 0, 0, 0.5);
  --color-surface-disabled: #f3f4f6;
  --color-border-default: #e5e7eb;
  --color-border-strong: #6b7280;
  --color-border-focus: #3b82f6;
  --color-border-error: #ef4444;
  --color-border-disabled: #e5e7eb;
  --color-interactive-hover-overlay: rgba(0, 0, 0, 0.04);
  --color-interactive-active-overlay: rgba(0, 0, 0, 0.08);
  --color-interactive-selected-bg: #eff6ff;
  --color-interactive-selected-border: #bfdbfe;
  --color-interactive-focus-ring: #3b82f6;
  --color-button-primary-bg: #2563eb;
  --color-button-primary-bg-hover: #1d4ed8;
  --color-button-primary-bg-active: #1e40af;
  --color-button-primary-text: #ffffff;
  --color-button-secondary-bg: #f3f4f6;
  --color-button-secondary-bg-hover: #e5e7eb;
  --color-button-secondary-text: #111827;
  --color-button-ghost-bg-hover: rgba(0, 0, 0, 0.04);
  --color-button-ghost-text: #111827;
  --color-button-destructive-bg: #dc2626;
  --color-button-destructive-bg-hover: #b91c1c;
  --color-button-destructive-text: #ffffff;
  --color-button-disabled-bg: #f3f4f6;
  --color-button-disabled-text: #d1d5db;
  --color-input-bg: #ffffff;
  --color-input-bg-disabled: #f3f4f6;
  --color-input-border: #e5e7eb;
  --color-input-border-hover: #6b7280;
  --color-input-border-focus: #3b82f6;
  --color-input-border-error: #ef4444;
  --color-input-text: #111827;
  --color-input-placeholder: #9ca3af;
  --color-card-bg: #ffffff;
  --color-card-border: #e5e7eb;
  --color-badge-neutral-bg: #f3f4f6;
  --color-badge-neutral-text: #374151;
  --color-badge-primary-bg: #dbeafe;
  --color-badge-primary-text: #1d4ed8;
  --color-badge-success-bg: #dcfce7;
  --color-badge-success-text: #15803d;
  --color-badge-warning-bg: #fef3c7;
  --color-badge-warning-text: #b45309;
  --color-badge-error-bg: #fee2e2;
  --color-badge-error-text: #b91c1c;
  --color-avatar-bg: #e5e7eb;
  --color-avatar-text: #374151;
  --color-avatar-border: #ffffff;
}
:root[data-theme="dark"] {
  --color-text-primary: #f9fafb;
  --color-text-secondary: #9ca3af;
  --color-text-tertiary: #6b7280;
  --color-text-disabled: #4b5563;
  --color-text-on-action: #ffffff;
  --color-text-link: #60a5fa;
  --color-text-link-hover: #93c5fd;
  --color-surface-page: #030712;
  --color-surface-card: #111827;
  --color-surface-raised: #1f2937;
  --color-surface-sunken: #000000;
  --color-border-default: #1f2937;
  --color-border-strong: #6b7280;
  --color-action-primary: #2563eb;
  --color-action-primary-hover: #1d4ed8;
  --color-action-secondary: #1f2937;
  --color-action-secondary-hover: #374151;
}