@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root {
  --sidebar-bg: #2D3132;
  --sidebar-hover: #383e3f;
  --sidebar-active: #4d6b10;
  --primary: #95C11F;
  --primary-dark: #4d6b10;
  --primary-light: #E9F0D8;
  --bg: #eef0eb;
  --surface: #ffffff;
  --border: #dde3d5;
  --text: #2D3132;
  --text-muted: #6B7280;
  --text-light: #9ca3af;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.07);
  --shadow-md: 0 4px 14px rgba(0,0,0,0.09);
  --radius: 8px;
  --radius-lg: 12px;
  --ok-bg: #E9F0D8; --ok-text: #4d6b10;
  --warn-bg: #fef3c7; --warn-text: #92400e;
  --danger-bg: #fee2e2; --danger-text: #991b1b;
  --neutral-bg: #f1f4ee; --neutral-text: #6B7280;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: "Hanken Grotesk", "Inter", "Segoe UI", system-ui, sans-serif;
  background: var(--bg);
  color: var(--text);
  display: flex;
  height: 100vh;
  overflow: hidden;
  font-size: 14px;
}