:root {
  /* Photo palette: greige fur, graphite collar, wood, rust textile, olive eye. */
  --ss-bg: #e9e4dc;
  --ss-paper: #fbf9f5;
  --ss-ink: #252525;
  --ss-muted: #6f6961;
  --ss-line: #d8cec2;
  --ss-green: #9b4825;
  --ss-green-dark: #6f301c;
  --ss-accent: #a86021;
  --ss-accent-soft: #f0e5d9;
  --ss-wheat: #d6be9f;
  --ss-rust: #843a23;
  --ss-error: #8f302a;
  --ss-error-bg: #f9e9e5;
  --ss-shadow: 0 12px 34px rgba(56, 45, 38, .09);
  --ss-control-bg: #fffdfa;
  --ss-control-border: #aaa096;
  --ss-surface-subtle: #f3efe9;
  --ss-surface-muted: #e7e1d9;
  --ss-surface-code: #ded7ce;
  --ss-paper-translucent: rgba(251, 249, 245, .9);
  --ss-paper-translucent-soft: rgba(251, 249, 245, .76);
  --ss-focus-ring: rgba(196, 121, 42, .3);
  --ss-focus-ring-soft: rgba(196, 121, 42, .22);
  --ss-success-border: #a2a874;
  --ss-success-ink: #586134;
  --ss-success-bg: #edf0e1;
  --ss-publish-border: #b4a66e;
  --ss-publish-bg: #f2f0e4;
  --ss-comment-border: #b9805f;
  --ss-tag-ink: #70361e;
  --ss-card-hover: #cba98e;
  --ss-brand-shadow: rgba(132, 58, 35, .2);
  --ss-menu-shadow: rgba(37, 37, 37, .14);
}