/* TVP design tokens: the platform sheet.
   GENERATED from app/design/tokens.json by operations/design_tokens.js. Do not edit by hand:
   copy the Design System artifact's tokens.json to app/design/, then run the script.
   Source ref feat/app/plan-builder-commercials@90a097a, synced 2026-09-27.
   Every name is --tvp-<token>. A page's own names (--g3, --tx2, --line ...) are aliases that point here.
   Text is never lighter than --tvp-muted-2; --tvp-signal is a mark, never text. */
:root{
  /* colour: one palette for both surfaces */
  --tvp-navy:#0e2e4d;
  --tvp-navy-hover:#0a2338;
  --tvp-navy-deep:#0b2440;
  --tvp-navy-footer:#071b2e;
  --tvp-steel:#3c6ea5;
  --tvp-steel-strong:#1d4e7e;
  --tvp-steel-glow:#5b8dc0;
  --tvp-steel-silver:#9dbbd9;
  --tvp-steel-tint:#e7eef6;
  --tvp-signal:#1d9e75;
  --tvp-signal-strong:#0f7a54;
  --tvp-signal-deep:#0c6344;
  --tvp-ink:#0a0f14;
  --tvp-ink-2:#33414f;
  --tvp-muted:#4a5763;
  --tvp-muted-2:#5f6b76;
  --tvp-on-navy:#ffffff;
  --tvp-on-navy-body:#c2d2e0;
  --tvp-on-navy-line:rgba(255,255,255,0.12);
  --tvp-surface:#ffffff;
  --tvp-paper:#f7f9fb;
  --tvp-paper-2:#edf1f5;
  --tvp-line-faint:rgba(0,0,0,0.04);
  --tvp-hairline:#e3e8ef;
  --tvp-hairline-soft:#eef1f4;
  --tvp-line:#d7dde4;
  --tvp-line-strong:#cbd2d9;
  --tvp-verified:#127a4f;
  --tvp-verified-tint:#e3f5ec;
  --tvp-warning:#a15c00;
  --tvp-warning-tint:#fdf3e3;
  --tvp-negative:#b42318;
  --tvp-negative-tint:#fdeceb;
  --tvp-data-progress:#7a5209;
  --tvp-data-flag:#a83e24;
  --tvp-data-up:#157055;
  --tvp-data-amber:#8a5308;
  --tvp-data-star:#8f6208;
  /* type: IBM Plex on the platform, Geist on the website */
  --tvp-font-site:"Geist", -apple-system, Arial, sans-serif;
  --tvp-font-site-mono:"Geist Mono", ui-monospace, monospace;
  --tvp-font-app:"IBM Plex Sans", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --tvp-font-app-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;
  /* radius */
  --tvp-radius-xs:5px;
  --tvp-radius-sm:6px;
  --tvp-radius-md:8px;
  --tvp-radius-lg:10px;
  --tvp-radius-xl:12px;
  --tvp-radius-2xl:14px;
  --tvp-radius-3xl:18px;
  --tvp-radius-4xl:24px;
  --tvp-radius-pill:999px;
  /* shadow */
  --tvp-shadow-card:0 4px 22px rgba(0,0,0,0.055);
  --tvp-shadow-card-hover:0 10px 34px rgba(0,0,0,0.09);
  --tvp-shadow-xs:0 2px 8px rgba(14,46,77,0.06);
  --tvp-shadow-app:0 1px 3px rgba(16,46,77,0.08), 0 4px 14px rgba(16,46,77,0.06);
  --tvp-shadow-modal:0 12px 40px rgba(16,46,77,0.25);
  --tvp-shadow-palette:0 30px 80px rgba(14,46,77,0.35);
  --tvp-shadow-cta-engineer:0 10px 26px rgba(15,122,84,0.28);
  --tvp-focus-glow:0 0 0 3px rgba(60,110,165,0.13);
  /* spacing */
  --tvp-space-2:2px;
  --tvp-space-4:4px;
  --tvp-space-6:6px;
  --tvp-space-8:8px;
  --tvp-space-10:10px;
  --tvp-space-12:12px;
  --tvp-space-14:14px;
  --tvp-space-16:16px;
  --tvp-space-18:18px;
  --tvp-space-20:20px;
  --tvp-space-22:22px;
  --tvp-space-24:24px;
  --tvp-space-28:28px;
  --tvp-space-40:40px;
  --tvp-space-56:56px;
}