:root{
  --bg: #f3f8f4;
  --surface: #ffffff;
  --surface-2: #f7fcf8;
  --surface-3: #e8f5eb;
  --text: #14261a;
  --muted: #5f7467;
  --border: #d8e6dc;
  --border-strong: #bfd5c5;
  --shadow: 0 22px 50px rgba(20, 38, 26, 0.10);
  --shadow-soft: 0 14px 34px rgba(20, 38, 26, 0.07);

  --accent: #9be15d;
  --accent-2: #43c47a;
  --accent-3: #187a58;
  --accent-dark: #123a2a;
  --accent-soft: rgba(67, 196, 122, 0.14);
  --accent-soft-2: rgba(155, 225, 93, 0.22);

  --radius: 26px;
  --radius-sm: 18px;
  --max: 1320px;
  --focus: 0 0 0 4px rgba(67, 196, 122, 0.24);
}