:root {

  /* Colors */
  --primary: #0d6efd;

  --bg: #ffffff;
  --bg-light: #f8f9fa;
  --card-bg: #ffffff;

  --border: #e6e8ef;

  --text: #111827;
  --text-muted: #6c757d;
  --text-soft: #9ca3af;

  /* Typography */
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 15px;
  --text-lg: 16px;
  --text-xl: 18px;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);
  --shadow-md: 0 6px 18px rgba(0,0,0,0.08);

  /* Layout */
  --feed-width: 600px;
}