:root {
  /* Colors */
  --color-bg: #f5f5f0;
  --color-card: #ffffff;
  --color-text: #18181b;
  --color-text-muted: #71717a;
  --color-text-light: #a1a1aa;
  --color-accent: #4f46e5;
  --color-accent-hover: #4338ca;
  --color-accent-light: #eef2ff;
  --color-border: #e4e4e7;
  --color-insight-bg: #eef2ff;
  --color-insight-border: #4f46e5;
  --color-reflect-bg: #fafaf9;
  --color-tag-bg: #f4f4f5;
  --color-tag-text: #3f3f46;

  /* Typography */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* Shadows */
  --shadow-card: 0 1px 4px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.05);
  --shadow-modal: 0 24px 64px rgba(0,0,0,0.18);

  /* Transitions */
  --t-fast: 120ms ease;
  --t-normal: 220ms ease;

  /* Layout */
  --max-width: 740px;
}