:root {
  --primary: #d7f06a;
  --primary-strong: #c4e850;
  --bg-main: #f4f6f5;
  --bg-card: #ffffff;
  --bg-hover: #f0f2f1;
  --bg-sidebar: #0d1005;

  --text-main: #0e0f11;
  --text-soft: #6b7075;
  --text-inverse: #ffffff;

  --border: #e6e8e7;
  --border-focus: #b0b4b2;

  --sidebar-border: rgba(255,255,255,0.08);
  --sidebar-hover: rgba(255,255,255,0.07);
  --sidebar-text: rgba(255,255,255,0.6);
  --sidebar-text-muted: rgba(255,255,255,0.4);
  --sidebar-section: rgba(255,255,255,0.3);

  --focus-ring: rgba(215,240,106,0.2);

  --font: Inter, Arial, sans-serif;

  --radius: 18px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  --shadow: 0 8px 18px rgba(0,0,0,0.06);
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.04);

  --success: #22c55e;
  --success-bg: #dcfce7;
  --success-text: #166534;

  --warning: #f59e0b;
  --warning-bg: #fef3c7;
  --warning-text: #92400e;

  --danger: #ef4444;
  --danger-bg: #fee2e2;
  --danger-text: #991b1b;

  --info: #3b82f6;
  --info-bg: #dbeafe;
  --info-text: #1e40af;

  --purple: #8b5cf6;
  --purple-bg: #f3e8ff;
  --purple-text: #6b21a8;

  --sidebar-width: 240px;
  --topbar-height: 60px;
}