/* ============================================================================
 * Kuickr LANDING design tokens — V6 (version f76cc948)
 * ----------------------------------------------------------------------------
 * Design-system library member: kuickr-landing (spec 35.5; spec 35 D-35-1).
 *
 * The values the V6 homepage shipped with on 2026-10-02, hard-coded until now
 * as --v6-* literals in public-site-v6.css. The founder ruled them the current
 * version on 2026-10-17 (workbench 12/09, Q1). The previous version fc1af251
 * stays retained and addressable.
 *
 * What changed from fc1af251:
 *   - Ink is GRAPHITE #111214, a neutral near-black with no brown cast
 *     (founder, 2026-10-02). Hairlines follow it: ink at 12% / 24%.
 *   - Display is Bricolage Grotesque, the bold register the founder chose;
 *     Instrument Serif becomes the italic accent voice (--ks-serif).
 *   - Single ground. V6 has no dark theme, so this version declares none; dark
 *     panels are materials (.ks-inverted and the --ks-dark-* roles), not a mode.
 *
 * Kept from fc1af251: bone ground, Instrument Sans body, JetBrains Mono
 * micro-type, terracotta that marks receipt, decorative hues as ornament only.
 *
 * Scoped: apply class="ks-tokens" to the page root.
 * ========================================================================== */

.ks-tokens {
  /* ── Type ────────────────────────────────────────────────────────────── */
  --ks-display: "Bricolage Grotesque", system-ui, sans-serif;
  --ks-serif:   "Instrument Serif", Georgia, serif;
  --ks-sans:    "Instrument Sans", system-ui, sans-serif;
  --ks-mono:    "JetBrains Mono", ui-monospace, monospace;

  --ks-size-hero:    clamp(2.5rem, 5vw, 4.5rem);
  --ks-size-section: clamp(2rem, 3.6vw, 3rem);
  --ks-size-feature: clamp(1.5rem, 2.2vw, 2rem);
  --ks-size-lead:    clamp(1.125rem, 1.4vw, 1.3125rem);
  --ks-size-body:    1rem;
  --ks-size-micro:   0.875rem;
  --ks-size-detail:  0.75rem;

  --ks-track-display: -0.035em;
  --ks-track-feature: -0.02em;
  --ks-track-body:     0em;
  --ks-track-micro:    0.08em;

  --ks-lh-hero:  1.02;
  --ks-lh-head:  1.15;
  --ks-lh-body:  1.6;
  --ks-lh-micro: 1.2;

  /* ── Ground ──────────────────────────────────────────────────────────── */
  --ks-bone:   #faf8f5;   /* page ground */
  --ks-paper:  #ffffff;   /* raised band / card */
  --ks-ink:    #111214;   /* graphite */
  --ks-stone:  #5c5550;   /* secondary text */
  --ks-copy:   #3b3b3d;   /* long step copy, between ink and stone */

  /* Structure: ink at alpha, never a grey hex. */
  --ks-hairline: rgba(17, 18, 20, 0.12);
  --ks-rule:     rgba(17, 18, 20, 0.24);
  --ks-shadow:   0 30px 70px rgba(17, 18, 20, 0.12);
  --ks-header:   rgba(250, 248, 245, 0.92);   /* sticky bar: bone at 92% */

  /* ── Accent — one hue, and it means "received" ───────────────────────── */
  --ks-accent:      #c04a2a;
  --ks-accent-text: #a33d20;
  --ks-on-accent:   #ffffff;

  /* ── Decoration — ornament and nothing else (rule 5) ─────────────────── */
  --ks-deco-lime:   #c6e64f;
  --ks-deco-violet: #b9a3f5;
  --ks-deco-cyan:   #7fd4ee;
  --ks-deco-amber:  #f5c542;
  --ks-deco-opacity: 1;
  --ks-hero: #eaf4fa;   /* the pale sky band */

  /* ── Dark materials (bands that stay dark; not a theme) ──────────────── */
  --ks-dark-panel:    #1b1c1f;
  --ks-dark-copy:     #f2f2f0;
  --ks-dark-soft:     #c9c9c6;
  --ks-dark-muted:    #8e8f93;
  --ks-dark-accent:   #7fd4ee;   /* accent as text on a dark panel */
  --ks-terminal:      #0d0d0d;
  --ks-terminal-dot:  #4d4d4d;
  --ks-terminal-muted: #8d8d8d;

  /* ── Rhythm ──────────────────────────────────────────────────────────── */
  --ks-max:     1360px;
  --ks-measure: 640px;
  --ks-band-y:  clamp(4.5rem, 9vw, 8rem);
  --ks-pad-x:   clamp(1.25rem, 4vw, 3rem);
  --ks-radius:  6px;

  --ks-ease: cubic-bezier(.16, 1, .3, 1);
  --ks-dur:  420ms;
}

/* A band that stays dark. A material, not a mode. */
.ks-inverted {
  --ks-bone:  #1b1c1f;
  --ks-paper: #111214;
  --ks-ink:   #f2f2f0;
  --ks-stone: #c9c9c6;
  --ks-hairline: rgba(242, 242, 240, 0.16);
  --ks-rule:     rgba(242, 242, 240, 0.30);
  --ks-accent-text: #7fd4ee;   /* = --ks-dark-accent */
}