/* ============================================================
   Bamboo Bay — Color tokens
   Warm, earthy, serene. Sunset burgundy + bamboo gold anchor
   the palette; earth sand and forest green support it.
   ============================================================ */
:root {
  /* ---- Brand primitives ---- */
  --bb-gold: #D19A2D;          /* Bamboo Gold — primary accent */
  --bb-gold-deep: #B8841F;     /* pressed / hover gold */
  --bb-gold-soft: #E4C173;     /* light gold, glints */
  --bb-gold-ink: #6E520E;      /* darkened gold — WCAG AA (>=4.5:1) on cream/sand for small text */
  --bb-burgundy: #660000;      /* Sunset Burgundy — primary brand */
  --bb-burgundy-deep: #4A0000; /* darker burgundy, depth */
  --bb-burgundy-wine: #7D1A1A; /* lifted burgundy, hover on dark */
  --bb-sand: #EBD9B4;          /* Earth Sand — warm cream surface */
  --bb-sand-deep: #DCC59A;     /* sand border / divider */
  --bb-forest: #4E6E58;        /* Forest Green — botanical accent */
  --bb-forest-deep: #3C5646;   /* pressed forest */

  /* ---- Neutrals (warm-tinted) ---- */
  --bb-ink: #2B2422;           /* near-black warm text */
  --bb-ink-soft: #5A4F49;      /* secondary text on light */
  --bb-stone: #8C8079;         /* muted captions */
  --bb-paper: #FBF7EF;         /* warmest off-white page */
  --bb-paper-2: #F4ECDD;       /* alt section wash */
  --bb-white: #FFFFFF;
  --bb-line: rgba(43, 36, 34, 0.12); /* hairline on light */

  /* ---- Semantic: surfaces ---- */
  --surface-page: var(--bb-paper);
  --surface-card: var(--bb-white);
  --surface-cream: var(--bb-sand);
  --surface-cream-soft: var(--bb-paper-2);
  --surface-dark: var(--bb-burgundy);
  --surface-dark-deep: var(--bb-burgundy-deep);

  /* ---- Semantic: text ---- */
  --text-heading: var(--bb-burgundy);
  --text-body: var(--bb-ink);
  --text-muted: var(--bb-ink-soft);
  --text-caption: var(--bb-stone);
  --text-on-dark: var(--bb-sand);
  --text-on-dark-strong: var(--bb-white);
  --text-accent: var(--bb-gold);

  /* ---- Semantic: interactive ---- */
  --accent: var(--bb-gold);
  --accent-hover: var(--bb-gold-deep);
  --accent-contrast: var(--bb-burgundy);
  --link: var(--bb-gold-deep);

  /* ---- Borders / lines ---- */
  --border-default: var(--bb-line);
  --border-sand: var(--bb-sand-deep);
  --border-strong: rgba(43, 36, 34, 0.22);

  /* ---- Status (kept warm + restrained) ---- */
  --status-success: #4E6E58;
  --status-warning: #C8861A;
  --status-error: #8E2A2A;
  --status-info: #5A6E7D;
}