/* EXV OS — colour system. Two canonical shells from the console bake-off:
   KEYSTONE (light, warm cream) = the :root default · UMBER (dark, warm umber) = [data-theme="umber"].
   Flat warm surfaces: borderless cards elevated by shadow, ink/cream selection pills, CLAY reserved
   as the single accent (the agent's voice / links / active affordances). Values lifted verbatim from
   exv-os/src/index.css. Both base tokens (--bg, --clay) and semantic aliases (--sel-bg, --card-bg). */

:root{
  /* --- grounds & surfaces --- */
  --bg:#f8f7f4;             /* app / page ground */
  --panel:#ffffff;          /* raised panel (toolbar, sheets) */
  --panel2:#f4f3ef;         /* recessed panel / input plate */
  --header:#ffffff;         /* toolbar + card-header ground */
  --side-bg:#f8f7f4;        /* sidebar ground */

  /* --- lines --- */
  --border:#e4e1d9;         /* default hairline */
  --border2:#e9e6df;        /* softer hairline (structural) */
  --border3:#d9d5cc;        /* stronger hairline (control outlines) */
  --line-soft:#f0eee8;      /* subtle row separators */
  --hd-line:rgba(28,31,34,.07); /* card-header underline */

  /* --- ink --- */
  --text:#1c1f22;           /* primary text */
  --text2:#43484c;          /* secondary text */
  --text-strong:#0e1112;    /* emphasis / headings */
  --muted:#71767a;          /* muted labels */
  --faint:#989c9f;          /* faint captions / disabled */

  /* --- accent (clay / terracotta) --- */
  --clay:#c56a48;           /* the one accent — links, agent voice, active */
  --clay-bg:#f7ebe3;        /* clay wash (selected chips, tag grounds) */
  --clay-dim:rgba(197,106,72,.45);

  /* --- semantic status --- */
  --green:#2f7d3d;          /* positive / up / done */
  --red:#bd5241;            /* negative / down / destructive */
  --warn:#9c7508;           /* pending / tentative / stale (amber) */

  /* --- selection & primary action (ink pill in light) --- */
  --sel-bg:#1c1f22; --sel-fg:#ffffff;   /* nav / tab selection pill */
  --btn-bg:#1c1f22; --btn-fg:#ffffff;   /* primary action button */
  --gho-bg:#f0efe9;                     /* ghost-button soft plate */
  --hover:#efede7;                      /* row / control hover ground */

  /* --- inset wells (fact tiles, fields) --- */
  --well:#f1efe9; --well2:#ebe8df;

  /* --- code / quote --- */
  --code-bg:#f1efe9; --code-fg:#9c4a26; --quote-bg:rgba(28,31,34,.04);

  /* --- card (flat, shadow-elevated) --- */
  --card-bg:#ffffff;
  --card-radius:14px;
  --card-shadow:0 1px 3px rgba(25,30,35,.05), 0 8px 22px rgba(25,30,35,.05);
}

:root[data-theme="umber"]{
  --bg:#1e1c1a; --panel:#2a2725; --panel2:#262422; --header:#232120; --side-bg:#1e1c1a;
  --border:#383431; --border2:#2f2c29; --border3:#44403b;
  --line-soft:#2e2b28; --hd-line:rgba(0,0,0,.35);
  --text:#ece7e0; --text2:#d6d0c7; --text-strong:#f5f1ea; --muted:#a59e94; --faint:#847e74;
  --clay:#d68a66; --clay-bg:#3a2f28; --clay-dim:rgba(214,138,102,.45);
  --green:#8fbc7f; --red:#d98873; --warn:#febc2e;
  --sel-bg:#ece7e0; --sel-fg:#221f1d; --btn-bg:#ece7e0; --btn-fg:#221f1d;
  --gho-bg:#2e2b28; --hover:#2e2b28;
  --well:#191715; --well2:#151312;
  --code-bg:#191715; --code-fg:#d6a084; --quote-bg:rgba(240,225,205,.05);
  --card-bg:#262422;
  --card-shadow:0 1px 3px rgba(0,0,0,.35), 0 8px 22px rgba(0,0,0,.25);
}