:root {
  --bg: #eef3ee;
  --bg-soft: #dde8dd;
  --surface: rgba(220, 238, 220, 0.62);
  --surface-strong: rgba(30, 42, 30, 0.92);
  --card: rgba(35, 48, 35, 0.94);
  --card-soft: rgba(255, 255, 255, 0.82);
  --text: #1a2e1a;
  --text-soft: rgba(28, 48, 28, 0.76);
  --text-inverse: #f0f5f0;
  --text-muted: rgba(230, 245, 230, 0.66);
  --line: rgba(51, 71, 52, 0.18);
  --line-strong: rgba(77, 110, 79, 0.28);
  --green: #334734;
  --green-deep: #253325;
  --bronze: #8B5A3C;
  --bronze-soft: #C4844A;
  --shadow-xl: 0 44px 110px rgba(20, 35, 20, 0.26);
  --shadow-lg: 0 26px 60px rgba(20, 35, 20, 0.16);
  --shadow-md: 0 18px 36px rgba(20, 35, 20, 0.12);
  --radius-xl: 34px;
  --radius-lg: 24px;
  --radius-md: 18px;
  --content-width: min(1200px, calc(100% - 40px));
}