:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  --color-text: #0f172a;
  --color-text-muted: #475569;
  --color-text-soft: #64748b;
  --color-surface: #ffffff;
  --color-surface-muted: #f8fafc;
  --color-surface-soft: rgba(255, 255, 255, 0.8);
  --color-background: #eef3f8;
  --color-border: rgba(148, 163, 184, 0.24);
  --color-border-strong: rgba(148, 163, 184, 0.36);

  --color-primary: #2563eb;
  --color-primary-strong: #1d4ed8;
  --color-primary-soft: #dbeafe;
  --color-success: #16a34a;
  --color-success-soft: #dcfce7;
  --color-danger: #dc2626;
  --color-danger-soft: #fee2e2;
  --color-warning: #f59e0b;
  --color-warning-soft: #fef3c7;
  --color-neutral-soft: #e2e8f0;

  --color-sidebar-bg: #0f172a;
  --color-sidebar-highlight: #1e293b;
  --color-sidebar-border: rgba(255, 255, 255, 0.08);
  --color-sidebar-text: rgba(241, 245, 249, 0.86);
  --color-sidebar-text-soft: rgba(226, 232, 240, 0.62);
  --color-sidebar-active: rgba(37, 99, 235, 0.18);

  --shadow-sm: 0 10px 24px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 20px 48px rgba(15, 23, 42, 0.1);
  --shadow-lg: 0 32px 72px rgba(15, 23, 42, 0.18);

  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;

  --sidebar-width: 292px;
  --sidebar-width-collapsed: 96px;
  --content-max: 1440px;

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 0.95rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.35rem;
  --font-size-2xl: clamp(1.8rem, 1.45rem + 1vw, 2.6rem);

  --line-height-tight: 1.15;
  --line-height-base: 1.55;

  --transition-fast: 180ms ease;
  --transition-base: 260ms cubic-bezier(0.2, 0.8, 0.2, 1);
}