/* OLUNA — Color tokens
   Organic, calm palette: forest & sage greens, warm cream neutrals, muted clay accents. */
:root {
  /* ---- Brand greens ---- */
  --forest-900: #16241B;
  --forest-800: #1E3326;
  --forest-700: #2B4534; /* primary brand green (from brand spec) */
  --forest-600: #38563F;
  --sage-500:   #5C7E63;
  --sage-400:   #7C9885;
  --sage-300:   #A7BDA9;
  --sage-200:   #CBDAC9;
  --sage-100:   #E4EDE2;
  --sage-50:    #F0F5EE;

  /* ---- Warm neutrals ---- */
  --cream-50:  #FAF8F2; /* page canvas */
  --cream-100: #F4F1E8;
  --sand-200:  #E9E4D7;
  --stone-300: #D5CFC0;
  --stone-400: #B3AC9B;
  --ink-700:   #5A6159; /* muted body text */
  --ink-800:   #353B34;
  --ink-900:   #1C231D; /* near-black, green-tinted */
  --white:     #FFFFFF;

  /* ---- Accents (used sparingly) ---- */
  --clay-500:  #B4634A; /* warm clay — highlights, alerts */
  --clay-100:  #F3E2DA;
  --gold-500:  #B8924E; /* muted ochre — warm emphasis */
  --gold-100:  #F1E7D2;

  /* ---- Semantic ---- */
  --success-fg:  #38563F;
  --success-bg:  #E4EDE2;
  --warning-fg:  #8F6A2E;
  --warning-bg:  #F1E7D2;
  --danger-fg:   #9A4632;
  --danger-bg:   #F3E2DA;
  --info-fg:     #41645B;
  --info-bg:     #E2EDE9;

  /* ---- Semantic surface / text aliases ---- */
  --bg-canvas:      var(--cream-50);
  --bg-subtle:      var(--cream-100);
  --bg-muted:       var(--sand-200);
  --surface-card:   var(--white);
  --surface-inset:  var(--sage-50);
  --surface-brand:  var(--forest-700);
  --surface-brand-deep: var(--forest-900);

  --text-strong:   var(--ink-900);
  --text-body:     var(--ink-800);
  --text-muted:    var(--ink-700);
  --text-on-brand: var(--cream-50);
  --text-brand:    var(--forest-700);

  --border-subtle: var(--sand-200);
  --border-default:var(--stone-300);
  --border-strong: var(--stone-400);
  --border-brand:  var(--forest-700);

  --focus-ring:    var(--sage-400);
}