:root {
  --sn-ink: #171717;
  --sn-ink-soft: #3f403e;
  --sn-forest: #173f35;
  --sn-forest-deep: #102f28;
  --sn-moss: #52766a;
  --sn-paper: #f7f5f1;
  --sn-warm: #f2f0ec;
  --sn-white: #ffffff;
  --sn-line: rgba(20, 20, 20, .08);
  --sn-muted: #61605e;
  --sn-system: #cbe5d8;
  --sn-surface: rgba(247, 245, 241, .96);
  --sn-surface-raised: rgba(255, 255, 255, .94);
  --sn-shadow: 0 28px 70px rgba(32, 29, 24, .14);
  --sn-radius-sm: 10px;
  --sn-radius-md: 16px;
  --sn-radius: 22px;
  --sn-space-1: 8px;
  --sn-space-2: 12px;
  --sn-space-3: 18px;
  --sn-space-4: 28px;
  --sn-type-caption: 12px;
  --sn-type-small: 13px;
  --sn-type-ui: 14px;
  --sn-type-body: 15px;
  --sn-type-reading: 16px;
  --sn-motion-fast: 160ms;
  --sn-motion-panel: 240ms;
  --status-success: #5f8f78;
  --status-pending: #b28a4b;
  --status-attention: #b36f5e;
  --status-info: #6f91a8;
  --app-sage: #789b89;
  --app-sage-bg: #dfeae3;
  --app-clay: #c07f6d;
  --app-clay-bg: #f1dfd9;
  --app-ink: #64728f;
  --app-ink-bg: #e0e3ec;
  --app-mauve: #8d75a4;
  --app-mauve-bg: #e9e1ee;
  --app-sand: #ac8747;
  --app-sand-bg: #eee5d3;
  --app-blue: #6f96ad;
  --app-blue-bg: #dfe9ee;
}