:root {
  --color-primary: #3a7afe;
  --color-primary-dark: #2563eb;
  --color-primary-light: #eff4ff;
  --color-soft-yellow: #f9d66a;
  --color-mint: #6ed8a0;
  --color-bg: #f5f5f7;
  --color-text: #2a2a2e;
  --color-text-muted: #6b7280;
  --color-border: #e5e7eb;
  --color-sidebar-bg: #ffffff;
  --color-white: #ffffff;

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

  --shadow-soft: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.05);
  --shadow-card: 0 2px 8px rgba(0,0,0,0.06);

  --sidebar-width: 240px;
  --preview-width: 320px;
}