/* KhanaPro design tokens v2 — generated from khanapro-design-system.html.
 * ALL tokens are --kp- prefixed (5 name collisions with legacy tokens: accent/bg/ink/font/ease-out).
 * Consumed ONLY by skin.css under .v2 scope. Legacy styles.css untouched. */
:root{
  /* — surfaces — */
  --kp-bg:#FFF9F2; --kp-bg-sunk:#F6ECDF; --kp-surface:#FFFFFF; --kp-surface-2:#FFFDFA;
  --kp-scrim:rgba(24,18,12,.58); --kp-scrim-soft:linear-gradient(180deg,rgba(24,18,12,0) 34%,rgba(24,18,12,.72) 100%);
  --kp-dark:#171310; --kp-dark-2:#221C16;

  /* — ink — */
  --kp-ink:#1F1A14; --kp-ink-2:#6E6258; --kp-ink-3:#9C9186; --kp-ink-4:#C4B9AC;
  --kp-hair:rgba(31,26,20,.08); --kp-hair-2:rgba(31,26,20,.14); --kp-on-dark:#FBF4EC; --kp-on-dark-2:rgba(251,244,236,.62);

  /* — accent (spend it once per screen) — */
  --kp-accent:#E8420A; --kp-accent-press:#C4370A; --kp-accent-tint:#FCEAE1; --kp-accent-ink:#FFFFFF;

  /* — semantic: the data-honesty system — */
  --kp-live:#0F8A3D; --kp-live-tint:#E4F3E9;              /* verified · LIVE price · veg */
  --kp-est:#B4770A; --kp-est-dot:#F5A623; --kp-est-tint:#FCF1DA;  /* estimated price */
  --kp-nonveg:#C4370A;
  --kp-danger:#C4241A; --kp-danger-tint:#FBE7E5;

  /* — type scale — */
  --kp-font:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  --kp-mono:'JetBrains Mono',ui-monospace,monospace;
  --kp-fs-display:33px; --kp-lh-display:1.04; --kp-ls-display:-.032em; --kp-fw-display:800;
  --kp-fs-h1:25px;      --kp-lh-h1:1.08;      --kp-ls-h1:-.026em;      --kp-fw-h1:800;
  --kp-fs-h2:20px;      --kp-lh-h2:1.14;      --kp-ls-h2:-.02em;       --kp-fw-h2:700;
  --kp-fs-h3:16.5px;    --kp-lh-h3:1.22;      --kp-ls-h3:-.012em;      --kp-fw-h3:700;
  --kp-fs-body:15px;    --kp-lh-body:1.5;     --kp-ls-body:-.006em;    --kp-fw-body:500;
  --kp-fs-sm:13.5px;    --kp-lh-sm:1.42;      --kp-ls-sm:0;            --kp-fw-sm:500;
  --kp-fs-cap:12px;     --kp-lh-cap:1.35;     --kp-ls-cap:.002em;      --kp-fw-cap:600;
  --kp-fs-micro:11px;   --kp-lh-micro:1.2;    --kp-ls-micro:.04em;     --kp-fw-micro:700; /* badges, all-caps */

  /* — spacing (4pt) — */
  --kp-s1:4px; --kp-s2:8px; --kp-s3:12px; --kp-s4:16px; --kp-s5:20px; --kp-s6:24px; --kp-s7:32px; --kp-s8:40px; --kp-s9:48px;

  /* — radii — */
  --kp-r-xs:8px; --kp-r-sm:12px; --kp-r-md:16px; --kp-r-lg:20px; --kp-r-xl:24px; --kp-r-card:20px; --kp-r-pill:999px;

  /* — elevation — */
  --kp-e1:0 1px 2px rgba(31,26,20,.04),0 1px 3px rgba(31,26,20,.05);
  --kp-e2:0 6px 18px -6px rgba(31,26,20,.14),0 2px 5px rgba(31,26,20,.05);
  --kp-e3:0 20px 44px -12px rgba(31,26,20,.24),0 6px 14px rgba(31,26,20,.08);

  /* — motion — */
  --kp-dur-1:120ms; --kp-dur-2:200ms; --kp-dur-3:280ms; --kp-dur-4:340ms;
  --kp-ease-out:cubic-bezier(.2,.7,.2,1);
  --kp-ease-io:cubic-bezier(.4,0,.2,1);
  --kp-ease-pop:cubic-bezier(.34,1.4,.5,1);
}