// Site palette - tokens used across all components
const TOKENS = {
  bg: "#0E0E0C",
  bgDeep: "#08080A",
  card: "#16161A",
  cardHi: "#1F1F24",
  ink: "#F5F2EA",
  inkDim: "#9A958A",
  inkSoft: "#5C5A55",
  rule: "rgba(245,242,234,0.08)",
  ruleHi: "rgba(245,242,234,0.18)",
  // accent palette (user picked)
  orange: "#FF6B1A",
  orangeDeep: "#D14E08",
  green: "#1FCB8A",
  greenDeep: "#0E9966",
  violet: "#9D7BFF",
  violetDeep: "#6B3FD4",
  // accent helpers
  toneFor(name) {
    return ({
      orange: { hi: this.orange, deep: this.orangeDeep },
      green: { hi: this.green, deep: this.greenDeep },
      violet: { hi: this.violet, deep: this.violetDeep }
    })[name] || { hi: this.orange, deep: this.orangeDeep };
  }
};

window.TOKENS = TOKENS;