/* ═══════════════════════════════════════════════════════════════
   NORA HOUSE — the palette and the motion the page and the chat share
   Set on :root for the experience site, and on #chat-root for the chat
   on Nora House's own WordPress site, where it lives in a shadow root
   that the page's :root does not reach (embed/nora.js). The chat's root
   carries the theme it is shown in (data-theme), so both read alike.
   Semantic: --ink = surfaces, --cream = foreground (swapped in light).
   Type is each page's own: css/main.css here, embed/nora.css there.
   ═══════════════════════════════════════════════════════════════ */

:root, #chat-root {
  --ink: #0e0e0e;
  --ink-2: #161616;
  --ink-3: #1d1c19;
  --cream: #f2f1ec;
  --cream-60: rgba(242, 241, 236, .62);
  --cream-38: rgba(242, 241, 236, .48); /* .38 sat at 3.4:1 on ink — AA for the small labels/captions this carries needs ~4.5:1 */
  --hair: rgba(242, 241, 236, .14);
  --hair-soft: rgba(242, 241, 236, .08);
  --amber: #f7941d;
  --amber-soft: color-mix(in oklab, var(--amber) 24%, transparent);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  /* spring approximation via linear() — July 2026 baseline */
  --spring: linear(0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,
    0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 100%);
}

/* ── light: warm gallery paper, ink type, deepened amber ── */
:root[data-theme="light"], #chat-root[data-theme="light"] {
  --ink: #f2f1ec;
  --ink-2: #faf9f5;
  --ink-3: #e9e6dc;
  --cream: #161616;
  /* muted tones need much more weight on paper than cream needs on ink */
  --cream-60: rgba(22, 22, 22, .84);
  --cream-38: rgba(22, 22, 22, .70);
  --hair: rgba(22, 22, 22, .34);
  --hair-soft: rgba(22, 22, 22, .16);
  --amber: #9c5a08;
}