:root {
  --font-sans:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* Light Theme (Default) */
  --bg-page: #f8fafc;
  --bg-card: #ffffff;
  --bg-subtle: #f1f5f9;
  --border-subtle: #e2e8f0;
  --border-strong: #cbd5e1;

  --text-main: #0f172a;
  --text-muted: #64748b;
  --text-inverse: #ffffff;

  --primary: #0284c7;
  --primary-hover: #0369a1;
  --primary-subtle: #e0f2fe;

  --danger: #ef4444;
  --danger-hover: #dc2626;
  --danger-subtle: #fee2e2;

  --success: #10b981;
  --success-subtle: #d1fae5;

  --warning: #b45309;
  --warning-subtle: #fef3c7;

  /* Color presets */
  --tag-slate: #64748b;
  --tag-red: #ef4444;
  --tag-orange: #f97316;
  --tag-amber: #f59e0b;
  --tag-green: #10b981;
  --tag-teal: #14b8a6;
  --tag-blue: #3b82f6;
  --tag-violet: #8b5cf6;
  --tag-pink: #ec4899;

  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

[data-theme='dark'] {
  --bg-page: #0b0f17;
  --bg-card: #151d2c;
  --bg-subtle: #1e293b;
  --border-subtle: #243044;
  --border-strong: #334155;

  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-inverse: #0f172a;

  --primary: #38bdf8;
  --primary-hover: #0ea5e9;
  --primary-subtle: #0c4a6e;

  --danger: #f87171;
  --danger-hover: #ef4444;
  --danger-subtle: #450a0a;

  --success: #34d399;
  --success-subtle: #064e3b;

  --warning: #fbbf24;
  --warning-subtle: #78350f;

  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.5);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.6);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.7);
}