:root {
  /* =========================
     Brand
  ========================= */

  --vp-primary: #2f7d45;
  --vp-primary-hover: #286c3c;
  --vp-primary-soft: #edf6ef;
  --vp-primary-border: #b8d7c0;

  /* =========================
     Text
  ========================= */

  --vp-text: #17201a;
  --vp-text-secondary: #667169;
  --vp-text-muted: #929b95;

  /* =========================
     Background / Surface
  ========================= */

  --vp-background: #f5f7f5;
  --vp-surface: #ffffff;

  --vp-row-even: #ffffff;
  --vp-row-odd: #f8faf8;

  /* =========================
     Borders
  ========================= */

  --vp-border: #e0e5e1;
  --vp-border-strong: #cbd3cd;

  /* =========================
     Danger
  ========================= */

  --vp-danger: #c73d3d;
  --vp-danger-hover: #ad3434;
  --vp-danger-soft: #fff3f3;
  --vp-danger-border: #efc2c2;

  /* =========================
     Radius
  ========================= */

  --vp-radius-small: 8px;
  --vp-radius-medium: 12px;
  --vp-radius-large: 16px;

  /* =========================
     Shadow
  ========================= */

  --vp-shadow:
    0 2px 10px
    rgba(23, 32, 26, 0.05);

  --vp-shadow-focus:
    0 4px 18px
    rgba(23, 32, 26, 0.08);

  /* =========================
     Layout
  ========================= */

  --vp-page-width: 720px;
}