/* PotatoPoor design system — mockup tokens */
:root {
  --pp-green-900: #0f241f;
  --pp-green-800: #1e3a34;
  --pp-green-700: #2a4f47;
  --pp-green-600: #3d6b60;
  --pp-green-500: #4a8578;
  --pp-green-100: #e8f3ef;
  --pp-green-50: #f3faf7;

  --pp-bg: #f4f6f5;
  --pp-surface: #ffffff;
  --pp-border: #e2e8e6;
  --pp-border-soft: #eef2f1;
  --pp-text: #1a2421;
  --pp-text-muted: #6b7c77;
  --pp-text-soft: #95a5a0;

  --pp-red: #e05252;
  --pp-red-bg: #fdecec;
  --pp-orange: #f0a030;
  --pp-orange-bg: #fff4e5;
  --pp-lime: #6fbf73;
  --pp-lime-bg: #edf8ee;
  --pp-easy: #1e3a34;
  --pp-easy-bg: #e8f3ef;

  --pp-radius-sm: 8px;
  --pp-radius: 12px;
  --pp-radius-lg: 16px;
  --pp-radius-xl: 20px;
  --pp-shadow: 0 2px 12px rgba(30, 58, 52, 0.06);
  --pp-shadow-lg: 0 8px 32px rgba(30, 58, 52, 0.1);

  --pp-sidebar-w: 220px;
  --pp-topbar-h: 64px;
  --pp-font: "Vazirmatn", "Tahoma", sans-serif;
  --pp-font-display: "Vazirmatn", "Tahoma", sans-serif;

  --pp-transition: 0.18s ease;
}

[data-theme="dark"] {
  --pp-bg: #121816;
  --pp-surface: #1a2421;
  --pp-border: #2a3532;
  --pp-border-soft: #222c29;
  --pp-text: #eef4f2;
  --pp-text-muted: #95a5a0;
  --pp-text-soft: #6b7c77;
  --pp-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}