/* ============================================================
   Mandroya Senses — Color tokens
   Warm, calm, clinical-but-homely. Green family on warm off-white.
   ============================================================ */
:root {
  /* —— Brand greens —————————————————————————————— */
  --green-900: #1C2B1E; /* deep green-black — primary text */
  --green-800: #234A2B;
  --green-700: #30673B; /* PRIMARY brand green */
  --green-600: #3B7356; /* in-app service tags */
  --green-500: #4A8C57; /* light / accent green */
  --green-300: #9CC4A4; /* muted green — disabled, hairlines */
  --green-100: #EAF3EC; /* pale green — tints, soft fills, row stripes */
  --green-050: #F2F8F3; /* faintest green wash */

  /* —— Warm neutrals ————————————————————————————— */
  --warm-000: #FFFFFF; /* pure white — avoid as page bg */
  --warm-050: #FBFAF8; /* PAGE background — warm off-white (cooler, less creamy) */
  --warm-100: #F3EFE9; /* warm card alt / hover on warm */
  --warm-200: #E7E1D7; /* warm border / divider */
  --warm-400: #B8AE9F; /* warm muted */
  --ink-700:  #4A5A4D; /* secondary text — soft green-grey */
  --ink-500:  #6E7C70; /* tertiary / captions */

  /* —— Semantic states ——————————————————————————— */
  --success: #3B7356;
  --warning: #B7791F;
  --danger:  #B4453C;
  --info:    #4A8C57;
  --success-tint: #EAF3EC;
  --warning-tint: #F7EEDC;
  --danger-tint:  #F6E7E5;

  /* —— Semantic aliases (use these in components) ——— */
  --bg-page:        var(--warm-050);
  --bg-surface:     var(--warm-000);
  --bg-surface-alt: var(--green-100);
  --bg-sunken:      var(--green-050);
  --bg-inverse:     var(--green-700);

  --text-strong:    var(--green-900);
  --text-body:      #2A3B2D;
  --text-muted:     var(--ink-700);
  --text-subtle:    var(--ink-500);
  --text-on-green:  var(--warm-050);
  --text-brand:     var(--green-700);

  --border-soft:    rgba(48, 103, 59, 0.12);
  --border-strong:  rgba(48, 103, 59, 0.22);
  --divider:        var(--warm-200);

  --accent:         var(--green-700);
  --accent-hover:   var(--green-800);
  --accent-active:  var(--green-900);
  --accent-soft:    var(--green-100);
  --focus-ring:     rgba(74, 140, 87, 0.45);
}