:root {
  --font-sans: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --line-height-base: 1.6;

  --color-primary: #2563eb;
  --color-primary-strong: #1d4ed8;
  --color-primary-soft: #e8f0ff;

  --color-bg-page: #f5f6fa;
  --color-bg-surface: #ffffff;
  --color-bg-subtle: #f9fafb;
  --color-bg-hover: #f1f5f9;
  --color-surface-strong: #111827;
  --color-surface-strong-alt: #1f2937;

  --color-text-strong: #111827;
  --color-text-muted: #4b5563;
  --color-text-contrast: #f8fafc;
  --color-text-soft-contrast: #cbd5e1;

  --color-border: #e5e7eb;
  --color-border-strong: #d0d7de;

  --color-accent-danger: #dc2626;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

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

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);

  --transition-fast: 120ms ease;
  --transition-base: 180ms ease;
  --transition-slow: 240ms ease;

  --layout-sidebar-width: 220px;
}