/* ============================================================================
 * Nodepad LANDING design tokens — the marketing identity
 * ----------------------------------------------------------------------------
 * Design-system library member: nodepad-landing (spec 35.4).
 *
 * Source: the founder's extraction of nodepad.tools' LANDING page, supplied as
 * `Nodepad Design System.dc.html`. Every value below is copied verbatim from it;
 * nothing here is inferred, sampled or tuned.
 *
 * WHY THIS EXISTS AS ITS OWN MEMBER, not an edit to `nodepad`:
 * spec 35.3 refreshed the `nodepad` member to Nodepad's PRODUCT identity — Inter
 * across body and headings, matte surfaces, focus-green — on the strength of a
 * live browser inspection of nodepad.tools. That member is selectable as Kuickr
 * app chrome (`allowed_surfaces` includes kuickr_app), so re-pointing it would
 * restyle the signed-in application for everyone who picked Nodepad.
 *
 * But 35.3's type evidence disagrees with the founder's own extraction: the
 * landing runs **Geist**, not Inter, and keeps the Instrument Serif italic that
 * 35.3 retired to the frozen 23a1cbe5 snapshot. Both are true — a product UI and
 * a marketing site are allowed to differ — so the fix is to register the missing
 * one rather than overwrite the present one.
 *
 * Scoped: apply class="npl-tokens" to the page root. The `--npl-*` prefix keeps
 * it collision-free when a page loads the product tokens (`--np-*`) as well.
 *
 * THREE RULES OF USE ship with this system and are part of it, not commentary:
 *   1. Two grounds only — --npl-paper everywhere; --npl-ink is reserved for the
 *      one terminal moment per page. There is no third background.
 *   2. Amber is punctuation — one amber element per view: a serif italic phrase,
 *      a callout rule, or a terminal token. Never a large fill, never a button.
 *   3. Tints carry meaning — card tints distinguish categories, not decoration.
 *      Each tint pairs with its own hairline and its own mono label colour.
 * ========================================================================== */

.npl-tokens {
  /* Type families */
  --npl-sans:  Geist, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --npl-mono:  "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --npl-serif: "Instrument Serif", Georgia, serif;

  /* Type scale — display is Geist 800 at -0.035em / 0.94 */
  --npl-font-size-display: 64px;
  --npl-font-size-section: 34px;
  --npl-font-size-card:    22px;
  --npl-font-size-body:    17px;
  --npl-font-size-small:   14px;
  --npl-font-size-eyebrow: 12px;
  --npl-font-size-meta:    11px;
  --npl-weight-display: 800;
  --npl-weight-section: 700;
  --npl-weight-body:    400;
  --npl-tracking-display: -0.035em;
  --npl-tracking-section: -0.025em;
  --npl-tracking-card:    -0.02em;
  --npl-tracking-eyebrow:  0.14em;
  --npl-leading-display: 0.94;
  --npl-leading-body:    1.55;
  --npl-leading-card:    1.15;

  /* Core palette */
  --npl-paper:     #FAF9F7;  /* the ground, everywhere */
  --npl-surface:   #FFFFFF;  /* cards and panels on the ground */
  --npl-ink:       #0E0D0B;  /* near-black: text, and the ONE dark panel */
  --npl-amber:     #E8901A;  /* the accent — punctuation only */
  --npl-body:      #55504A;  /* body text */
  --npl-muted:     #8C8578;  /* labels, eyebrows, mono metadata */
  --npl-hairline:  #E9E6E0;  /* every rule and card border */
  --npl-highlight: #FDF3D2;  /* callout / quote wash */

  /* Amber's readable relatives — the accent itself is decoration, these carry text */
  --npl-amber-link: #D07C0F;  /* amber as a text link on paper */
  --npl-amber-ink:  #9A6B0C;  /* mono label colour on an amber tint */
  --npl-highlight-line: #F5E3B4;
  --npl-callout-ink: #3D3629;

  /* Card tints — each with its own hairline and label ink (rule 3) */
  --npl-tint-amber:      #FCEFC7;
  --npl-tint-amber-line: #F5E3B4;
  --npl-tint-amber-ink:  #9A6B0C;
  --npl-tint-blue:       #E8EDF7;
  --npl-tint-blue-line:  #DAE2F1;
  --npl-tint-blue-ink:   #3B5480;
  --npl-tint-violet:      #F4EAF8;
  --npl-tint-violet-line: #E7D9F0;
  --npl-tint-green:      #EAF4EC;
  --npl-tint-green-line: #D9EADD;
  --npl-tint-green-ink:  #3F6042;
  --npl-tint-sand:       #EFEFE4;
  --npl-tint-sand-line:  #E3E3D4;

  /* The terminal panel — the one place --npl-ink is a ground */
  --npl-term-dot:  #3A3833;
  --npl-term-dim:  #6E6A61;
  --npl-term-text: #C9C3B6;

  /* Controls — pill buttons; primary is INK, never amber (rule 2) */
  --npl-btn-line: #D9D3C7;
  --npl-r-btn:  999px;
  --npl-r-chip: 6px;
  --npl-r-sm:   8px;
  --npl-r-md:  10px;
  --npl-r-lg:  12px;
  --npl-r-xl:  14px;

  /* Reading width */
  --npl-read: 620px;
}