/* ============================================================================
   Honch brand tokens, v2026.10 (14 Oct 2026)
   Derived from the live marketing homepage (marketing/index.html, commit 63ccafe).
   Supersedes Honchbrand290926. One file, every surface: site, app, help, email.

   The idea in one line: white and lavender ground, ink for action,
   indigo for the brand, colour reserved for signals.
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;600&display=swap");

:root {
  /* ── Ink: type and the primary action ─────────────────────────────────── */
  --h-ink:        #0A0B0D;  /* headlines, primary CTA fill */
  --h-ink-2:      #3A3F46;  /* strong body */
  --h-ink-3:      #565C64;  /* body, ledes */
  --h-ink-4:      #666C74;  /* captions, meta (5.3:1 on white) */
  --h-ink-5:      #8A9098;  /* placeholders, disabled, decoration only */

  /* ── Indigo: the brand ────────────────────────────────────────────────── */
  --h-indigo:       #5B4FE0;  /* eyebrows, links, brand buttons, focus, logo lane 1 */
  --h-indigo-hover: #4A3FD0;
  --h-indigo-deep:  #14123A;  /* proof headlines on lavender */
  --h-lavender:     #EFEDFE;  /* hero fade, proof band */
  --h-lavender-50:  #F7F6FF;  /* band fade-out */
  --h-mist:         #F5F7FE;  /* tinted sections */

  /* ── Surfaces and lines ───────────────────────────────────────────────── */
  --h-white:      #FFFFFF;  /* the page */
  --h-surface:    #FAFBFC;  /* app ground, panels */
  --h-surface-2:  #F4F5F7;  /* chips, rails */
  --h-line:       #E8EAEE;  /* structural hairline */
  --h-line-soft:  #F0F1F4;  /* row hairline */
  --h-ring:       #ECEDF1;  /* 1px ring on floating cards */
  --h-night:      #0A0B0D;  /* dark bands */
  --h-on-night:   #FFFFFF;
  --h-on-night-2: #9A9DB0;  /* second line on dark bands */

  /* ── Signal lanes: dot (marks), fg (text), tint (tag ground) ─────────── */
  --h-hire:        #E5603F; --h-hire-fg:     #B5402A; --h-hire-tint:     #FCECE8; /* New hire, new leader. Also the "live" accent */
  --h-promo:       #7C5CE0; --h-promo-fg:    #5B36AE; --h-promo-tint:    #F1ECFC; /* Promotion */
  --h-fund:        #2E9E6B; --h-fund-fg:     #1D7A50; --h-fund-tint:     #E6F3ED; /* Funding, investment */
  --h-client:      #D4537E; --h-client-fg:   #B23B65; --h-client-tint:   #FAEBF0; /* Previous client, client moves */
  --h-expand:      #4560F5; --h-expand-fg:   #2F47D1; --h-expand-tint:   #E9ECFE; /* International expansion */
  --h-sponsor:     #E8A33D; --h-sponsor-fg:  #9A630C; --h-sponsor-tint:  #FCF4E8; /* Sponsorship */
  --h-acq:         #0E8A9A; --h-acq-fg:      #0B6672; --h-acq-tint:      #E3F4F6; /* Mergers and acquisitions */

  /* ── Status (separate from brand and signals) ─────────────────────────── */
  --h-ok: #1D7A50; --h-warn: #9A630C; --h-error: #C0392B; --h-focus: #5B4FE0;

  /* ── Type ─────────────────────────────────────────────────────────────── */
  --h-font-display: "Schibsted Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --h-font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --h-font-mono:    "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

  /* scale (desktop). Display sizes step down ~0.8 on mobile */
  --h-t-hero:  52px;  /* 500, -0.04em, lh 1.08 */
  --h-t-d1:    40px;  /* 500, -0.035em, lh 1.1 */
  --h-t-d2:    34px;  /* 500, -0.03em, lh 1.12 */
  --h-t-d3:    24px;  /* 500, -0.02em, lh 1.2 */
  --h-t-h4:    20px;  /* 500, -0.03em, lh 1.2 */
  --h-t-lede:  19px;  /* Inter 400, -0.025em, lh 1.55 */
  --h-t-body:  17px;  /* lh 1.55 */
  --h-t-ui:    15px;  /* nav, buttons */
  --h-t-small: 13px;
  --h-t-label: 11px;  /* mono, uppercase, 0.12em */

  /* ── Shape ────────────────────────────────────────────────────────────── */
  --h-r-pill:  999px; /* buttons, tags, filter chips */
  --h-r-sm:    8px;   /* logo tiles, inputs, in-app buttons */
  --h-r-md:    14px;  /* floating cards, app cards */
  --h-r-lg:    24px;  /* product frames, CTA bands, section panels */

  /* ── Depth ────────────────────────────────────────────────────────────── */
  --h-shadow-float: 0 18px 44px rgba(20, 18, 58, .14), 0 0 0 1px var(--h-ring);
  --h-shadow-frame: 0 34px 64px -24px rgba(18, 22, 40, .42), 0 6px 16px -6px rgba(18, 22, 40, .14);
  /* app cards are flat: hairline border, no shadow */

  /* ── Grounds ──────────────────────────────────────────────────────────── */
  --h-hero-fade:  linear-gradient(#FFFFFF 0%, #FFFFFF 35%, var(--h-lavender) 100%);
  --h-proof-band: linear-gradient(var(--h-lavender) 0%, var(--h-lavender) 38%, var(--h-lavender-50) 68%, #FFFFFF 100%);
  --h-night-glow: radial-gradient(60% 120% at 0% 100%, rgba(91, 79, 224, .35), transparent 60%),
                  radial-gradient(40% 90% at 100% 0%, rgba(229, 96, 63, .22), transparent 60%),
                  var(--h-night);

  /* ── Layout ───────────────────────────────────────────────────────────── */
  --h-max:     1240px;
  --h-measure: 62ch;
  --h-gutter:  24px;
}