:root {
  --bg: #ffffff;
  --bg-soft: #f6f8f6;
  --surface: #ffffff;
  --surface-2: #f9fbf8;
  --surface-dark: #173135;
  --text: #172c2f;
  --muted: #4f6668;
  --line: #dbe3df;

  --brand: #7dad42;
  --brand-strong: #5f8d2d;
  --accent: #7dad42;
  --accent-soft: #e6f0d8;

  --radius-sm: 14px;
  --radius-md: 20px;
  --radius-lg: 30px;

  --shadow-soft: 0 12px 28px rgba(17, 35, 37, 0.07);
  --shadow-hover: 0 18px 36px rgba(17, 35, 37, 0.13);

  --max-width: 1360px;
}