/*
 * PhoneIQ Design System v2 — proposed tokens.
 *
 * Font files are separate from this token package and live in ../assets/.
 * Display policy: use locally installed Helvetica Neue on macOS and the
 * self-hosted Inter fallback elsewhere. IBM Plex Mono is self-hosted for
 * monospaced UI copy. Define the required @font-face rules in your app.
 */

:root {
  --ground: #f5f6f4;
  --paper: #ffffff;
  --paper-soft: #eceeeb;
  --ink: #14171a;
  --quiet: #626a70;
  --faint: #8b9297;
  --rule: rgba(20, 23, 26, .16);
  --rule-strong: rgba(20, 23, 26, .32);
  --signal: #5e55fd;
  --signal-soft: #8b83d9;
  --complete: #248a61;
  --handoff: #d68b47;
  --focus: #d68b47;
  --shadow: 0 28px 80px rgba(25, 34, 40, .08);
  --shadow-soft: 0 18px 48px -24px rgba(25, 34, 40, .3);
  /* 10.4 source: --display: "Helvetica Neue", "Neue Haas Grotesk Display", Helvetica, Arial, sans-serif;
     v2: Inter inserted for non-macOS parity (see Typography note). */
  --display: "Helvetica Neue", "Inter", "Neue Haas Grotesk Display", Helvetica, Arial, system-ui, sans-serif;
  --mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --shell: min(1184px, calc(100% - 64px));
  --post-shell: min(1120px, calc(100% - 96px));
  --ease: cubic-bezier(.22, .68, 0, 1);
}

html[data-theme="dark"] {
  --ground: #0c0f12;
  --paper: #13171b;
  --paper-soft: #191e22;
  --ink: #f2f5f3;
  --quiet: #a7b0b5;
  --faint: #747e84;
  --rule: rgba(242, 245, 243, .14);
  --rule-strong: rgba(242, 245, 243, .3);
  --signal: #827bff;
  --signal-soft: #a29be2;
  --complete: #4bb789;
  --handoff: #e3a263;
  --focus: #e3a263;
  --shadow: 0 32px 88px rgba(0, 0, 0, .3);
  --shadow-soft: 0 20px 54px -26px rgba(0, 0, 0, .6);
}