/* ════════════════════════════════════════════════════════════
   HABITAT · Oak Savanna
   Page personality — TOKEN OVERRIDES ONLY.
   Loads after ../css/habitat-profile.css. The shared file routes
   every colour (incl. translucent accents) through tokens, so this
   page re-themes itself entirely by re-declaring tokens — no need
   to override any component rule.

   Voice:  Petrona (display) · oak-amber + prairie gold on warm
           sand, with a dark oak-bark ink.
   ════════════════════════════════════════════════════════════ */

:root {
  /* warm, sun-baked sand parchment */
  --bg:       #f6efdf;
  --bg-warm:  #ecdcbf;
  --bg-card:  #fbf5e7;
  --bg-tint:  #f1e6c9;

  /* borders */
  --border:        rgba(60, 48, 28, 0.12);
  --border-accent: rgba(160, 111, 43, 0.26);

  /* primary accent — oak-amber (carries the savanna signature) */
  --green:      #a06f2b;
  --green-soft: #cba968;
  --green-pale: #e8dab4;

  /* secondary accent — prairie / fire gold */
  --sun:      #d59a32;
  --sun-soft: #eccd82;

  /* neutral stone — warmed */
  --stone:       #9a8b6d;
  --stone-light: #cdbf9c;

  /* text — warm brown-greys */
  --text:       #352e22;
  --text-dim:   #57503f;
  --text-faint: #897e64;

  /* darks — dark oak bark, not forest green-black */
  --ink:     #2f271c;
  --heading: var(--ink);
  --h2:      #8a6526;

  /* dark-band text */
  --band-text:   #f1e8d4;
  --band-faint:  rgba(241, 232, 212, 0.46);
  --band-accent: #d8c79a;

  /* page-nav hover / link hue */
  --accent: #a06f2b;

  /* keystone emphasis — stays gold; legible on the bark panel */
  --keystone-strong: #f0d98b;

  /* surrounds — warmer than the default */
  --page-backdrop: #e7dabf;
  --hero-top:      #fbf4e4;

  /* channel tokens — keep in sync with the solids above so the
     translucent accents re-theme too */
  --accent-rgb:      160 111 43;   /* oak-amber */
  --sun-soft-rgb:    236 205 130;  /* = --sun-soft */
  --band-accent-rgb: 216 199 154;  /* = --band-accent (keystone glyph) */
  --hero-sun-rgb:    213 162 58;   /* warm amber hero glow */

  /* display serif — the savanna's own voice */
  --display: 'Petrona', Georgia, 'Times New Roman', serif;
}

/* ── page-specific hero sizing (same as the tier convention) ── */
.hero-illustration {
  max-height: 210px;
  max-width: 340px;
}
@media (max-width: 600px) {
  .hero-illustration {
    max-height: 175px;
    max-width: 290px;
  }
}