/**
 * src/shell/tokens.css — design-token seed (build-foundation strangler slice).
 *
 * This file is INERT today: it is linked from app.html as a pure addition,
 * but nothing yet consumes the --inq-* custom properties it defines (the
 * new shell.css does, once shell.js mounts, but that is a separate PR-visible
 * file — see src/shell/shell.css). Loading it with the flag off has zero
 * effect on rendering because no selector in the legacy stylesheet
 * (style.css) references any --inq-* property.
 *
 * All tokens are namespaced --inq-* to avoid any collision with the legacy
 * --spacesense-* / --bg / --panel / etc. tokens in style.css :root. Where a
 * value below intentionally mirrors an existing brand value, the legacy
 * token name is noted in a comment for continuity — see style.css :root
 * (lines ~2-90) for the source of truth this was seeded from.
 */
:root {
  /* ---- Brand color scale -------------------------------------------- */
  /* Navy — derived from --spacesense-navy (#3F5A6C) */
  --inq-color-navy-900: #1a262e;
  --inq-color-navy-800: #223341;
  --inq-color-navy-700: #2c4150;
  --inq-color-navy-600: #35495a;
  --inq-color-navy-500: #3f5a6c; /* == --spacesense-navy */
  --inq-color-navy-400: #5c7889;
  --inq-color-navy-300: #7f97a5;
  --inq-color-navy-200: #a8bbc5;
  --inq-color-navy-100: #d3dee3;

  /* Yellow — derived from --spacesense-yellow (#F2C12E) */
  --inq-color-yellow-700: #a87e17;
  --inq-color-yellow-600: #cc9c1f;
  --inq-color-yellow-500: #f2c12e; /* == --spacesense-yellow */
  --inq-color-yellow-400: #f5cc4f;
  --inq-color-yellow-300: #f7d979;
  --inq-color-yellow-200: #fae6a6;
  --inq-color-yellow-100: #fdf3d6;

  /* ---- Neutrals -------------------------------------------------------
     Mirrors the legacy dark-surface palette (--bg / --panel / --panel2 /
     --text / --muted / --line in style.css :root) so shell UI sits
     visually flush with the legacy app while it's being strangled. */
  --inq-color-neutral-900: #0b0f14; /* == --bg */
  --inq-color-neutral-800: #111822; /* == --panel */
  --inq-color-neutral-700: #0f1620; /* == --panel2 */
  --inq-color-neutral-600: #223041; /* == --line */
  --inq-color-neutral-500: #7f94a7; /* == --muted2 */
  --inq-color-neutral-400: #9fb0c0; /* == --muted */
  --inq-color-neutral-200: #e6edf3; /* == --text */
  --inq-color-neutral-100: #f5f8fa;
  --inq-color-neutral-0: #ffffff; /* == --text-strong */

  /* ---- Semantic ------------------------------------------------------ */
  --inq-color-success: #6bff95; /* == --good */
  --inq-color-warn: #ffcc66; /* == --warn */
  --inq-color-error: #ff6b6b; /* == --bad */
  --inq-color-info: #5bd6ff; /* == --accent */

  --inq-color-success-soft: rgba(107, 255, 149, 0.14);
  --inq-color-warn-soft: rgba(255, 204, 102, 0.14);
  --inq-color-error-soft: rgba(255, 107, 107, 0.14);
  --inq-color-info-soft: rgba(91, 214, 255, 0.12);

  /* ---- Spacing scale — 4px grid (mirrors --space-1..6) --------------- */
  --inq-space-0: 0px;
  --inq-space-1: 4px;
  --inq-space-2: 8px;
  --inq-space-3: 12px;
  --inq-space-4: 16px;
  --inq-space-5: 20px;
  --inq-space-6: 24px;
  --inq-space-7: 28px;
  --inq-space-8: 32px;
  --inq-space-10: 40px;
  --inq-space-12: 48px;

  /* ---- Radius scale (mirrors --radius-sm/md/lg) ----------------------- */
  --inq-radius-sm: 8px;
  --inq-radius-md: 12px;
  --inq-radius-lg: 16px;
  --inq-radius-full: 999px;

  /* ---- Type scale (mirrors --fs-caption..display) --------------------- */
  --inq-fs-caption: 10px;
  --inq-fs-body: 12px;
  --inq-fs-body-l: 13px;
  --inq-fs-subhead: 14px;
  --inq-fs-heading: 18px;
  --inq-fs-display: 24px;

  --inq-fw-normal: 400;
  --inq-fw-medium: 500;
  --inq-fw-semibold: 600;
  --inq-fw-bold: 700;

  --inq-lh-tight: 1.15;
  --inq-lh-snug: 1.35;
  --inq-lh-normal: 1.5;

  /* ---- Elevation (shadows) --------------------------------------------- */
  --inq-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.28);
  --inq-shadow-md: 0 10px 25px rgba(0, 0, 0, 0.35); /* == --shadow */
  --inq-shadow-lg: 0 20px 45px rgba(0, 0, 0, 0.45);

  /* ---- UX 2.0 P1.1a additions ----------------------------------------
     tokens.css is now the single brand source: style.css and landing.css
     :root blocks alias onto these (P1.1a is value-neutral — every legacy
     variable resolves to the exact same computed value as before). */

  /* Darkest ink (legacy body gradient top / mockup --ink-950) */
  --inq-color-neutral-950: #070a0f;

  /* Soft (alpha) brand variants — mirror legacy *-soft tokens */
  --inq-color-yellow-soft: rgba(242, 193, 46, 0.14); /* == --spacesense-yellow-soft */
  --inq-color-navy-soft: rgba(63, 90, 108, 0.18); /* == --spacesense-navy-soft */

  /* Light "paper" world (marketing surfaces / print) — from landing.css */
  --inq-color-paper: #f6f8fb; /* == --ls-bg */
  --inq-color-paper-raised: #ffffff; /* == --ls-surface */
  --inq-color-paper-2: #fafcfe; /* == --ls-surface-2 */
  --inq-color-ink-on-paper: #0f1923; /* == --ls-ink */
  --inq-color-ink-muted: #5c6f80; /* == --ls-muted */
  --inq-color-ink-low: #8093a4; /* == --ls-low */
  --inq-color-paper-line: #e2e8f0; /* == --ls-line */
  --inq-color-paper-line-2: #eef2f6; /* == --ls-line-2 */
  --inq-color-yellow-on-paper: #8a6f0f; /* == --ls-yellow-text (WCAG on white) */
  --inq-color-yellow-paper-soft: #fef5d6; /* == --ls-yellow-soft */

  /* Semantic ACCENT ROLES (P1.1b flips these — both cyan today so P1.1a
     is a pure no-op; the flip is one line here + a call-site audit there) */
  --inq-accent-interactive: var(--inq-color-yellow-500);
  --inq-accent-interactive-soft: var(--inq-color-yellow-soft);
  --inq-accent-dataviz: var(--inq-color-info);
  --inq-accent-dataviz-soft: var(--inq-color-info-soft);
}