:root {
  --color-primary: #2A622B;
  --color-primary-dark: #1f4a20;
  --color-primary-hover: #235222;
  --color-secondary: #9AC175;
  --color-dark: #1B1D1F;
  --color-dark-2: #1c2b1d;
  --color-bg: #ffffff;
  --color-bg-light: #f7f8f7;
  --color-bg-green-light: #edf5ed;
  --color-text: #1B1D1F;
  --color-text-secondary: #444444;
  --color-text-muted: #888888;
  --color-border: #e0e0e0;
  --color-border-green: #2A622B;

  --font: 'Mulish', sans-serif;

  /* Tablet-only build: Figma "Main 960" frame, 920px content + 20px side padding */
  --container: 960px;
  --container-px: 20px;

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 30px;
  --radius-full: 9999px;

  --shadow-card: 0 2px 16px rgba(0,0,0,0.08);
  --shadow-card-hover: 0 6px 28px rgba(0,0,0,0.14);

  --transition: 0.22s ease;
}