/* Nodepad landing profile — audited from the live Nodepad marketing asset.
 * Source: https://nodepad.tools/assets/nodepad_landing-ca865b8d.css
 * Source SHA-256: df2ac65ac0d76a13974d430b4579468b9e5fd53cee2af2c369a3981f000abf77
 * Audited: 2026-09-03. Scope stays local; this file never injects :root values. */

.npl-tokens {
  /* Typography */
  --npl-sans: "Inter", ui-sans-serif, -apple-system, system-ui, sans-serif;
  --npl-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --npl-font-size-display: clamp(54px, 8vw, 112px);
  --npl-font-size-section: clamp(38px, 5vw, 68px);
  --npl-font-size-card: 22px;
  --npl-font-size-body: 17px;
  --npl-font-size-small: 14px;
  --npl-font-size-eyebrow: 11px;
  --npl-font-size-meta: 13px;
  --npl-weight-display: 800;
  --npl-weight-section: 800;
  --npl-weight-body: 400;
  --npl-tracking-display: -0.045em;
  --npl-tracking-section: -0.035em;
  --npl-tracking-eyebrow: 0.14em;
  --npl-leading-display: 0.92;
  --npl-leading-body: 1.55;

  /* Core roles */
  --npl-ink: #141414;
  --npl-ink-soft: #57534E;
  --npl-ink-mute: #8A8780;
  --npl-rule: #E7E5E4;
  --npl-bg: #FBFAF8;
  --npl-white: #FFFFFF;
  --npl-accent: #D97706;
  --npl-accent-2: #B45309;

  /* Semantic feature tones */
  --npl-tone-resume: #FEF3C7;
  --npl-tone-markdown: #ECF1DF;
  --npl-tone-depth: #E6EEF6;
  --npl-tone-roles: #F3E9F7;
  --npl-tone-cli: #F0FDF4;

  /* Measured component materials */
  --npl-frame-bar: #F5F5F4;
  --npl-dot: #D7D3CC;
  --npl-dot-red: #E8836F;
  --npl-dot-yellow: #E5C661;
  --npl-dot-green: #93C18B;
  --npl-r-card: 12px;
  --npl-r-pill: 999px;
  --npl-shadow-card: 0 30px 60px -25px rgb(20 20 20 / 20%), 0 12px 24px -10px rgb(20 20 20 / 8%);
  --npl-read: 620px;
}

.npl-tone-resume { background: var(--npl-tone-resume); }
.npl-tone-markdown { background: var(--npl-tone-markdown); }
.npl-tone-depth { background: var(--npl-tone-depth); }
.npl-tone-roles { background: var(--npl-tone-roles); }
.npl-tone-cli { background: var(--npl-tone-cli); }