/* ============================================================
   UNDERSTORY — COLOR TOKENS
   ============================================================ */

:root {
  /* ---- Brand greens ---- */
  --forest:        #022C12;
  --forest-deep:   #001E0B;
  --forest-700:    #0B3A1E;
  --moss:          #7C907D;
  --lichen:        #B9C2B2;

  /* ---- Warm neutrals / surfaces ---- */
  --beige:         #F6F4E8;
  --beige-dim:     #EAE8DD;
  --cream:         #FFFFF0;
  --white:         #FFFFFF;
  --sand:          #E4E0D0;

  /* ---- Signature accent ---- */
  --yellow:        #F1F97E;
  --yellow-deep:   #E2EC55;

  /* ---- Expressive palette ---- */
  --sky:           #CFE8FF;
  --navy:          #0A1B2B;
  --lilac:         #CBB7DB;
  --plum:          #380C0F;
  --clay:          #933F29;
  --clay-soft:     #AB6256;

  /* ---- Text ---- */
  --text-primary:   var(--forest);
  --text-secondary: #46554A;
  --text-muted:     var(--moss);
  --text-on-dark:   var(--cream);
  --text-on-accent: var(--forest);

  /* ---- Surfaces ---- */
  --surface-page:   var(--beige);
  --surface-raised: var(--white);
  --surface-sunken: var(--beige-dim);
  --surface-inverse: var(--forest);
  --surface-accent: var(--yellow);

  /* ---- Lines ---- */
  --border-subtle:  rgba(2, 44, 18, 0.10);
  --border-default: rgba(2, 44, 18, 0.16);
  --border-strong:  rgba(2, 44, 18, 0.32);

  /* ---- Semantic status ---- */
  --success:        #2F7D4F;
  --success-bg:     #E4F0E6;
  --warning:        #B8870B;
  --warning-bg:     #FBF4D4;
  --danger:         #933F29;
  --danger-bg:      #F4E2DC;
  --info:           #2A6FA8;
  --info-bg:        var(--sky);

  /* ---- Focus ---- */
  --focus-ring:     #4D65FF;
}