/* GENERATED by scripts/build-tokens.mjs from brand-tokens.json (version 2026-10-27).
   Do not edit. Change the brand file, then run: node scripts/build-tokens.mjs */
:root {
  --pearl: #FAF8F6;
  --greige: #ECE6E0;
  --bordeaux: #3A131B;
  --blush: #E2B592;
  --clay: #DDA983;
  --driftwood: #908486;
  --cream-dark: #E1DAD7;
  --pearl-rgb: 250 248 246;
  --greige-rgb: 236 230 224;
  --bordeaux-rgb: 58 19 27;
  --blush-rgb: 226 181 146;
  --muted: var(--driftwood);
  --line: var(--cream-dark);
  --muted-on-dark: rgb(var(--pearl-rgb) / .74);
  --line-on-dark: rgb(var(--pearl-rgb) / .16);
}
/* Registered so a section's whole tone (background, type, rules) can fade together. */
@property --bg { syntax: "<color>"; inherits: true; initial-value: #FAF8F6; }
@property --paper { syntax: "<color>"; inherits: true; initial-value: #ECE6E0; }
@property --ink { syntax: "<color>"; inherits: true; initial-value: #3A131B; }
@property --em { syntax: "<color>"; inherits: true; initial-value: #DDA983; }
@property --soft { syntax: "<color>"; inherits: true; initial-value: #908486; }
@property --rule { syntax: "<color>"; inherits: true; initial-value: #E1DAD7; }