/* 606 Guest House — Color tokens
   Palette drawn from the brand logo (buffalo mark + charcoal wordmark) and the
   Mpumalanga bushveld: warm tans, savanna gold, terracotta sunset, olive bush green,
   bone/cream surfaces. Warm near-blacks, never pure #000. */
:root {
  /* ----- Base neutrals (warm, tinted toward tan) ----- */
  --bone-0: #FBF7EF;   /* lightest surface — page background */
  --bone-1: #F6EFE3;   /* card / raised surface */
  --bone-2: #EFE5D4;   /* sunken / hover surface */
  --sand-3: #E4D5BE;   /* hairline dividers on light */
  --sand-4: #CBB89A;   /* muted borders */
  --stone-5: #A8977C;  /* muted text on light */
  --stone-6: #7A6E5C;  /* secondary text */
  --ink-7:  #4A4238;   /* body text (warm) */
  --ink-8:  #2A2620;   /* strong text */
  --ink-9:  #1C1A17;   /* logo charcoal — near-black, headings & dark surfaces */

  /* ----- Buffalo tan (the mark) ----- */
  --tan-cream: #E8D5B5;
  --tan-light: #C9A77C;
  --tan:       #B8895A;
  --tan-deep:  #8A6238;
  --tan-shadow:#6E4B2E;

  /* ----- Savanna gold — primary warm accent ----- */
  --gold-soft: #E6C079;
  --gold:      #C6892F;   /* signature amber */
  --gold-deep: #A56E20;

  /* ----- Terracotta — African sunset, secondary accent ----- */
  --terra-soft:#E0916A;
  --terra:     #B4552E;
  --terra-deep:#8C3D1E;

  /* ----- Bush olive — nature / success ----- */
  --olive-soft:#9AA06E;
  --olive:     #66703F;
  --olive-deep:#485130;

  /* ----- Sky (used sparingly, pool / info) ----- */
  --sky:       #5E8CA0;
  --sky-deep:  #3E6274;

  /* ----- Feedback ----- */
  --danger:    #B23A2E;
  --danger-bg: #F6E3DE;
  --warn:      #C6892F;
  --success:   #66703F;

  /* ================= Semantic aliases ================= */
  --bg-page:        var(--bone-0);
  --bg-page-alt:    var(--bone-1);
  --surface-card:   #FFFFFF;
  --surface-raised: var(--bone-1);
  --surface-sunken: var(--bone-2);
  --surface-dark:   var(--ink-9);
  --surface-tan:    var(--tan-cream);

  --text-heading:   var(--ink-9);
  --text-body:      var(--ink-7);
  --text-muted:     var(--stone-6);
  --text-faint:     var(--stone-5);
  --text-on-dark:   var(--bone-0);
  --text-on-dark-muted: #C7BBA6;
  --text-on-accent: #FFFFFF;

  --accent:         var(--gold);
  --accent-hover:   var(--gold-deep);
  --accent-soft:    var(--gold-soft);
  --accent-2:       var(--terra);
  --accent-2-hover: var(--terra-deep);
  --nature:         var(--olive);

  --border-hair:    var(--sand-3);
  --border-muted:   var(--sand-4);
  --border-strong:  var(--stone-5);

  --link:           var(--terra);
  --link-hover:     var(--terra-deep);

  --focus-ring:     var(--gold);
}