/* Epistery brand — CSS custom properties.
 *
 * Link this once (<link rel="stylesheet" href=".../brand.css">) or @import it,
 * then reference var(--epistery-green-deep) etc. anywhere. Mirror of tokens.mjs
 * / tokens.json — keep the three in sync.
 *
 * These are the BRAND primitives. App-level UI variables (a page border, a
 * surface tint) should derive FROM these rather than restate hex codes, so the
 * palette has exactly one home. */
:root {
  --epistery-green-deep:  #2d5016;
  --epistery-green-mid:   #4a7c59;
  --epistery-green-light: #6a9a6d;

  --epistery-rust-deep:   #8b6f65;
  --epistery-rust-mid:    #b08878;
  --epistery-rust-light:  #c9a89a;

  --epistery-cream:       #fffffe;
}