/**
 * 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);
}