:root {
  /* Brand palette */
  --ngm-ink: #18352f;
  --ngm-green: #24483a;
  --ngm-green-2: #315c4a;
  --ngm-cream: #f5f1e9;
  --ngm-paper: #fffdf9;
  --ngm-sand: #e6dccd;
  --ngm-sage: #dbe2d8;
  --ngm-gold: #c69a55;
  --ngm-gold-hover: #fac96d;
  --ngm-line: #d7d0c6;
  --ngm-muted: #657069;
  --ngm-white: #ffffff;
  --ngm-danger: #b42318;
  --ngm-warning: #a15c00;
  --ngm-success: #2f6b4f;

  /* Typography */
  --ngm-font-heading: "Cinzel", "Trajan Pro", Georgia, "Times New Roman", serif;
  --ngm-font-body: "Avenir Next", "Segoe UI", Inter, Arial, sans-serif;
  --ngm-font-ui: "Avenir Next", "Segoe UI", Inter, Arial, sans-serif;

  /* Radius */
  --ngm-radius-xs: 4px;
  --ngm-radius-sm: 8px;
  --ngm-radius-md: 14px;
  --ngm-radius-lg: 22px;
  --ngm-radius-pill: 999px;

  /* Spacing */
  --ngm-space-1: 4px;
  --ngm-space-2: 8px;
  --ngm-space-3: 12px;
  --ngm-space-4: 16px;
  --ngm-space-5: 20px;
  --ngm-space-6: 24px;
  --ngm-space-8: 32px;
  --ngm-space-10: 40px;
  --ngm-space-12: 48px;

  /* Shadows */
  --ngm-shadow-sm: 0 1px 2px rgba(24,53,47,.08), 0 1px 4px rgba(24,53,47,.05);
  --ngm-shadow-md: 0 10px 30px rgba(24,53,47,.10);

  /* Motion */
  --ngm-ease: 180ms ease;
}