/* Gumleaf palette - the whole brand. Five tones, no sixth.
   Dark Morning Fog leads; Honey Sage is the secondary accent. */
:root{
  /* base ramp - lightest to darkest */
  --gum-bright-whisper:#F7F5EC; /* PMS 7499 C */
  --gum-pure-light:#EFF0E0;     /* PMS 7527 C */
  --gum-honey-sage:#CED1B7;     /* PMS 5793 C */
  --gum-peace:#B2B597;          /* PMS 5783 C */
  --gum-dark-morning-fog:#2F372F; /* PMS 419 C */
  --white:#FFFFFF;
  --black:#000000;

  /* tints derived from the ramp for UI states only - never as brand colour fields */
  --gum-fog-90:rgba(47,55,47,.90);
  --gum-fog-72:rgba(47,55,47,.72);
  --gum-fog-56:rgba(47,55,47,.56);
  --gum-fog-24:rgba(47,55,47,.24);
  --gum-fog-12:rgba(47,55,47,.12);
  --gum-fog-06:rgba(47,55,47,.06);

  /* ---- semantic: surfaces ---- */
  --surface-page:var(--gum-bright-whisper);
  --surface-raised:var(--white);
  --surface-sunken:var(--gum-pure-light);
  --surface-accent:var(--gum-honey-sage);
  --surface-accent-strong:var(--gum-peace);
  --surface-inverse:var(--gum-dark-morning-fog);
  --surface-card:var(--white);

  /* ---- semantic: text ---- */
  --text-heading:var(--gum-dark-morning-fog);
  --text-body:var(--gum-fog-90);
  --text-muted:var(--gum-fog-56);
  --text-eyebrow:var(--gum-fog-72);
  --text-on-inverse:var(--gum-pure-light);
  --text-on-inverse-muted:rgba(239,240,224,.64);
  --text-accent:var(--gum-dark-morning-fog);
  --text-link:var(--gum-dark-morning-fog);
  --text-link-hover:var(--gum-fog-72);

  /* ---- semantic: lines ---- */
  --border-hairline:var(--gum-fog-12);
  --border-default:var(--gum-fog-24);
  --border-strong:var(--gum-dark-morning-fog);
  --border-on-inverse:rgba(239,240,224,.24);

  /* ---- semantic: interactive ---- */
  --action-fill:var(--gum-dark-morning-fog);
  --action-fill-hover:#3C463C;
  --action-fill-active:#232A23;
  --action-on-fill:var(--gum-bright-whisper);
  --action-quiet-fill:var(--gum-honey-sage);
  --action-quiet-fill-hover:var(--gum-peace);
  --focus-ring:var(--gum-peace);

  /* status - the brand defines no semantic palette; leasing states reuse the ramp */
  --status-leased:var(--gum-dark-morning-fog);
  --status-under-offer:var(--gum-peace);
  --status-available:var(--gum-honey-sage);
}

/* Dark-mode / inverse field. Apply to any section that sits on Dark Morning Fog. */
.lw-inverse{
  --surface-page:var(--gum-dark-morning-fog);
  --surface-raised:#3C463C;
  --surface-sunken:#232A23;
  --surface-card:#3C463C;
  --text-heading:var(--gum-pure-light);
  --text-body:var(--gum-pure-light);
  --text-muted:rgba(239,240,224,.64);
  --text-eyebrow:var(--gum-honey-sage);
  --text-link:var(--gum-pure-light);
  --text-link-hover:var(--gum-honey-sage);
  --border-hairline:rgba(239,240,224,.16);
  --border-default:rgba(239,240,224,.24);
  --border-strong:var(--gum-pure-light);
  --action-fill:var(--gum-honey-sage);
  --action-fill-hover:var(--gum-pure-light);
  --action-fill-active:var(--gum-peace);
  --action-on-fill:var(--gum-dark-morning-fog);
  --action-quiet-fill:rgba(239,240,224,.12);
  --action-quiet-fill-hover:rgba(239,240,224,.2);
  color:var(--text-body);
  background:var(--surface-page);
}