/* base/variables.css */
:root {
  --header-height: 80px;
  --drawer-width: 280px;
  --color-primary: #4a90c4ff;
  --color-primary-dark: #35688f;
  --color-danger: #dc2626;
  --color-success: #16a34a;
  --color-border: #e5e7eb;
  --color-border-strong: #cbd5e1;
  --color-text: #1f2937;
  --color-text-secondary: #475569;
  --color-text-muted: #6b7280;
  --color-text-strong: #111827;
  --color-bg: #ffffff;
  --color-bg-form: #f4f5f7;
  --color-surface-muted: #f8fafc;
  --color-icon: var(--color-primary);
  --color-danger-dark: #991b1b;
  --color-danger-bg: #fee2e2;
  --color-danger-bg-subtle: #fef2f2;
  --color-danger-border: #fecaca;
  --color-danger-border-strong: #fca5a5;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
  --back-accent-rgb: 37, 99, 235;
}