:root {
  /* — Base palette — */
  --bl-black: #14110E;        /* warm near-black (scrubs, wordmark ink) */
  --bl-ink: #221E19;          /* primary text ink */
  --bl-charcoal: #3A342D;     /* dark surface, studio backdrop */
  --bl-espresso: #5A4A3A;     /* warm brown (blazer, wall panels) */
  --bl-gold: #C2A15E;         /* champagne gold — signature accent */
  --bl-gold-deep: #9C7C43;    /* pressed / darker gold */
  --bl-gold-light: #E2CE9E;   /* gold tint, hairlines on dark */
  --bl-cream: #F7F2EA;        /* page background */
  --bl-sand: #EDE4D6;         /* muted section background */
  --bl-taupe: #D9CBBA;        /* warm neutral (studio walls) */
  --bl-greige: #BDAF9E;       /* logo-card grey-beige */
  --bl-mushroom: #8C7F6E;     /* secondary text on light */
  --bl-white: #FFFFFF;

  /* — Semantic aliases — */
  --surface-page: var(--bl-cream);
  --surface-card: var(--bl-white);
  --surface-muted: var(--bl-sand);
  --surface-inverse: var(--bl-black);
  --surface-inverse-raised: #201C17;

  --text-primary: var(--bl-ink);
  --text-secondary: var(--bl-mushroom);
  --text-inverse: var(--bl-cream);
  --text-inverse-muted: #B5A992;
  --text-accent: var(--bl-gold-deep);
  --text-on-gold: var(--bl-black);

  --accent: var(--bl-gold);
  --accent-strong: var(--bl-gold-deep);

  --border-subtle: rgba(34, 30, 25, 0.12);
  --border-strong: rgba(34, 30, 25, 0.32);
  --border-inverse: rgba(247, 242, 234, 0.22);
  --border-gold: rgba(194, 161, 94, 0.55);

  --state-success: #6E7A54;   /* muted olive — confirmations */
  --state-error: #9C4A3C;    /* muted terracotta — errors */

  --overlay-scrim: rgba(20, 17, 14, 0.55);
}