/* Shared brand tokens — import before surface CSS.
   Same palette as the marketing page (style.css). Lockup gold #D9B180 is for
   dark grounds and fills; on paper, text and thin lines use gold-deep #8A6639. */
:root {
  --ha-ink: #15110D;
  --ha-ink-2: #1E1813;
  --ha-ink-3: #2A221B;
  --ha-paper: #FBF8F3;
  --ha-paper-2: #F3ECE2;
  --ha-ivory: #F3ECE1;
  --ha-gold: #D9B180;
  --ha-gold-hover: #E6C497;
  --ha-gold-deep: #8A6639;
  --ha-muted-light: #B3A694;
  --ha-line-dark: rgba(217, 177, 128, 0.22);

  --ha-bg: var(--ha-paper);
  --ha-bg-alt: var(--ha-paper-2);
  --ha-text: #231E19;
  --ha-text-muted: #6B6259;
  --ha-accent: var(--ha-gold-deep);
  --ha-accent-hover: #72532C;
  --ha-border: rgba(35, 30, 25, 0.14);
  --ha-radius: 0;
  --ha-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --ha-font-body: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Aliases used by existing surfaces */
  --bg-light: var(--ha-bg);
  --bg-primary: var(--ha-bg);
  --text-dark: var(--ha-text);
  --text-primary: var(--ha-text);
  --accent-gold: var(--ha-accent);
  --accent: var(--ha-accent);
}