/* ============================================================
   Adgent marketing — tokens (warm light, coral accent)
   Mirrors the real product: flow.css / shell-ui.css / ui-library.
   Plus Jakarta Sans · Geist Mono · Fraunces (editorial accent).
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=Geist+Mono:wght@400;500;600&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&display=swap");

:root {
  /* ---------- Fonts ---------- */
  --font-ui: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-editorial: "Fraunces", "Newsreader", Georgia, serif;

  /* ---------- Surfaces (warm light) ---------- */
  --bg-app: #f3f2ef;
  --bg-card: #ffffff;
  --bg-sub: #f7f6f3;
  --bg-inset: #efeeea;
  --bg-band: #ebe9e4;        /* alt section band */
  --bg-hover: rgba(28, 25, 20, 0.045);
  --bg-active: rgba(28, 25, 20, 0.07);

  /* ---------- Borders ---------- */
  --border: rgba(28, 25, 20, 0.085);
  --border-2: rgba(28, 25, 20, 0.14);

  /* ---------- Text ---------- */
  --text: #1c1a17;
  --text-2: #6c685f;
  --text-3: #9a958a;
  --text-4: #b9b4a8;

  /* ---------- Accent (coral) ---------- */
  --accent: #ff5a2c;
  --user-bubble: #1c1a17;
  --accent-press: #ec491d;
  --accent-soft: rgba(255, 90, 44, 0.11);
  --accent-on: #ffffff;

  /* ---------- Severity ---------- */
  --ok: #16935a;   --ok-soft: rgba(22, 147, 90, 0.12);
  --warn: #cf8a26; --warn-soft: rgba(207, 138, 38, 0.13);
  --crit: #d8472f; --crit-soft: rgba(216, 71, 47, 0.10);
  --info: #2f73e8; --info-soft: rgba(47, 115, 232, 0.12);

  /* ---------- Radii ---------- */
  --r-xl: 18px; --r-lg: 14px; --r-md: 11px; --r-sm: 8px; --r-pill: 999px;

  /* ---------- Shadows (soft, warm) ---------- */
  --shadow-card: 0 1px 2px rgba(28, 25, 20, 0.05), 0 10px 26px -14px rgba(28, 25, 20, 0.14);
  --shadow-soft: 0 1px 2px rgba(28, 25, 20, 0.05);
  --shadow-pop: 0 30px 70px -28px rgba(28, 25, 20, 0.26), 0 4px 14px -8px rgba(28, 25, 20, 0.16);

  /* ---------- Motion ---------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);

  /* ---------- Back-compat aliases (so older class refs resolve) ---------- */
  --bg-content: var(--bg-app);
  --bg-sidebar: var(--bg-band);
  --bg-elevated: var(--bg-card);
  --border-default: var(--border);
  --border-strong: var(--border-2);
  --text-primary: var(--text);
  --text-secondary: var(--text-2);
  --text-tertiary: var(--text-3);
  --text-disabled: var(--text-4);
  --text-inverse: var(--accent-on);
  --accent-hover: var(--accent-press);
  --accent-subtle: var(--accent-soft);
  --severity-critical: var(--crit);
  --severity-warning: var(--warn);
  --severity-ok: var(--ok);
  --severity-critical-bg: var(--crit-soft);
  --severity-warning-bg: var(--warn-soft);
  --severity-ok-bg: var(--ok-soft);
  --radius-xs: 4px;
  --radius-sm: var(--r-sm);
  --radius-md: var(--r-md);
  --radius-lg: var(--r-lg);
  --radius-xl: var(--r-xl);
  --radius-pill: var(--r-pill);
  --font-sans: var(--font-ui);
  --ease-out: var(--ease);
}