/* AgnesClaw console design tokens.

   Neutral stone / off-white surfaces in parity with the React portal
   (app/web/src/styles.css, ported from food-decision-agents). Teal is the one
   brand accent (voice orb states, active chips, focus); amber + red stay
   semantic. No warm cream wash — chrome stays quiet so content carries. */
:root {
  --bg:           #f5f5f4;            /* neutral stone sheet surface */
  --bg-alt:       #ececeb;
  --white:        #ffffff;
  --border:       rgba(43, 38, 32, 0.09);
  --text:         #1c1917;            /* near-neutral stone ink */
  --text-2:       rgba(43, 38, 32, 0.66);
  --text-3:       rgba(43, 38, 32, 0.42);

  --teal:         #0d9488;
  --teal-2:       #14b8a6;
  --emerald:      #10b981;
  --amber:        #f59e0b;
  --amber-2:      #d97706;

  --positive:     #16a34a;
  --neutral:      #64748b;
  --negative:     #dc2626;

  --wa-green:     #25d366;
  --tg-blue:      #2aabee;

  /* Framed console shell — mirrors the portal frame tokens. */
  --frame-chrome: #fafaf9;            /* outer chrome behind the window */
  --frame-border: rgba(43, 38, 32, 0.16);
  --frame-radius: 22px;
  --rail-width:   64px;
  --inset-frame:  14px;
}