/*
 * Brand palette — the single source of truth for site neutrals.
 * Canvas surfaces read these same custom properties at render time.
 */
:root {
  --bg:       #2C2825;
  --text:     #D8CAAB; /* Soft parchment */
  --text-rgb: 216, 202, 171;
  --rust:     #D97757;
  --ochre:    #EEB479;
  --sage:     #8E9E82;

  --text-03: rgba(var(--text-rgb), 0.03);
  --text-04: rgba(var(--text-rgb), 0.04);
  --text-05: rgba(var(--text-rgb), 0.05);
  --text-06: rgba(var(--text-rgb), 0.06);
  --text-07: rgba(var(--text-rgb), 0.07);
  --text-08: rgba(var(--text-rgb), 0.08);
  --text-09: rgba(var(--text-rgb), 0.09);
  --text-10: rgba(var(--text-rgb), 0.10);
  --text-11: rgba(var(--text-rgb), 0.11);
  --text-12: rgba(var(--text-rgb), 0.12);
  --text-13: rgba(var(--text-rgb), 0.13);
  --text-14: rgba(var(--text-rgb), 0.14);
  --text-15: rgba(var(--text-rgb), 0.15);
  --text-16: rgba(var(--text-rgb), 0.16);
  --text-18: rgba(var(--text-rgb), 0.18);
  --text-20: rgba(var(--text-rgb), 0.20);
  --text-22: rgba(var(--text-rgb), 0.22);
  --text-24: rgba(var(--text-rgb), 0.24);
  --text-28: rgba(var(--text-rgb), 0.28);
  --text-30: rgba(var(--text-rgb), 0.30);
  --text-32: rgba(var(--text-rgb), 0.32);
  --text-35: rgba(var(--text-rgb), 0.35);
  --text-38: rgba(var(--text-rgb), 0.38);
  --text-40: rgba(var(--text-rgb), 0.40);
  --text-42: rgba(var(--text-rgb), 0.42);
  --text-45: rgba(var(--text-rgb), 0.45);
  --text-46: rgba(var(--text-rgb), 0.46);
  --text-50: rgba(var(--text-rgb), 0.50);
  --text-55: rgba(var(--text-rgb), 0.55);
  --text-62: rgba(var(--text-rgb), 0.62);
  --text-68: rgba(var(--text-rgb), 0.68);
  --text-70: rgba(var(--text-rgb), 0.70);
  --text-72: rgba(var(--text-rgb), 0.72);
  --text-hover: #E2D6B9;
}