/* ============================================================
   TaskLogix360 — Design tokens (single source of truth)
   Colors/type extracted from wix-embed-hero.html :root (approved
   palette). Spacing/heights/type-scale added 2026-07-09 per the
   4-Point Spacing System (Wiki/Knowledge) — TaskLogix-branded
   values, NOT the generic reference config.
   Naming: --sp-N where N = Tailwind-style step (N×4px). One
   scheme only — the reference files' conflicting --space-N
   (N×8px) scheme is deliberately NOT used.
   Scope: governs base.css/home.css/subpage.css. De-iframed embed
   stylesheets are exempt (1:1 fidelity mandate).
   ============================================================ */

:root{
  /* ---- brand color ramps (from #0B4678 navy / #1E9A44 green) ---- */
  --navy:#0B4678; --navy-deep:#08365D; --navy-50:#EAF2FA; --navy-100:#C9DCEF;
  --green:#1E9A44; --green-50:#E6F5EB; --green-dark:#1A8A3D; --green-hover:#197A37;
  /* Raised #35C168 -> #3ECB6E on 2026-08-07, when the dark grounds moved up to
     the brighter --gd-* ramp. At 14px/800 on --gd-1 (the brightest part of the
     ramp, where every section's eyebrow sits) #35C168 measured 4.35:1 — under
     the 4.5 AA bar for normal text. This is a systemic fix, not a per-section
     patch: the accent green had to move with the ground it sits on, and every
     dark-ground use gains margin. #3ECB6E was already in the palette as the
     .emit dot colour, so it is not a new colour. */
  --green-bright:#3ECB6E;   /* accent green for dark navy grounds (legibility) */
  --green-aa:#15803D; --green-aa-deep:#11692F;   /* WCAG-AA green (5.0:1 on #fff): CTA buttons + green text on light (added 2026-07-14) */
  --slate:#4B5563; --slate-light:#6B7280; --slate-dim:#9CA3AF;
  --border:#E5E7EB; --border-soft:#F1F2F4; --surface:#F9FAFB; --cloud:#fff;
  /* semantic (meaning, never decoration): success=brand green */
  --amber:#F59E0B; --amber-50:#FEF3C7; --red:#EF4444;

  /* ---- DARK GROUND RAMP — one ramp for every dark band on the site --------
     Added 2026-08-07. Before this, six places painted their own dark navy:
     home-system (hero/markets/CTA) #072948->#031325, journey #062B4C->#030F1F,
     depth's .ground-dark #051426->#06304F, and the footer #0E4A7C->#062A49.
     Measured in the left gutter (pure ground, no cards): the section bodies read
     L 24-33 while the footer read L 50-85 — ~3x brighter — which is why the
     footer looked bolted on. The page MEAN hid it (54 vs 38) because white
     footer text drags the average up.
     2026-08-07: Sam picked the BRIGHTER of the three tuner presets. The ramp
     now opens on #0D4677 — within a hair of brand navy #0B4678, i.e. roughly
     where the old footer started — and the whole site follows it down from
     there. The footer therefore stopped being an outlier by the sections
     rising to meet IT, rather than by it being dragged down.
     Retune HERE and every dark band moves together. Tuner: _proto/ground.html. */
  --gd-1:#0D4677;   /* ramp start  — brightest, top of the band  */
  --gd-2:#0A3559;   /* ramp mid                                   */
  --gd-3:#072843;   /* ramp end    — deepest, bottom of the band  */
  --gd-angle:165deg;
  /* Bloom strengths. The green "sunrise" at the bottom is the one Sam likes;
     the top-left blue bloom is what made the fork read blotchy, and it comes
     down again on the brighter ramp because the ground itself is now doing
     the lifting that bloom used to do. */
  --gd-glow-green:.42;
  --gd-glow-blue:.26;

  /* ---- 4-point spacing scale (multiples of 4px; 2px micro step) ---- */
  --sp-05:2px; --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px;
  --sp-20:80px; --sp-24:96px; --sp-28:112px;

  /* ---- element-first heights ---- */
  --h-btn-sm:32px; --h-btn:40px; --h-btn-lg:48px; --h-input:48px;
  --pad-card:24px;              /* content-first card padding */

  /* ---- type scale (6 core + display; headings >24px get tight tracking + 1.1–1.2 lh) ---- */
  /* 2026-08-19: was 12px, which put EVERY consumer under the 10pt/13.33px floor
     and broke the hard rule by definition. 15 declarations, 22 rendered breaches.
     The static gate never saw them: it scans declarations for a px number and
     `font-size:var(--fs-xs)` has none. Line height follows so 13.5px is not cramped. */
  --fs-xs:13.5px; --lh-xs:18px;
  --fs-sm:14px;   --lh-sm:20px;
  --fs-base:16px; --lh-base:24px;
  --fs-lg:18px;   --lh-lg:28px;
  --fs-xl:20px;   --lh-xl:28px;
  --fs-2xl:24px;  --lh-2xl:32px;
  --fs-3xl:32px; --fs-4xl:40px; --fs-5xl:48px; --fs-6xl:60px;  /* display: lh 1.1–1.2, ls -0.02em…-0.03em */
  --ls-heading:-0.025em; --lh-heading:1.15;

  /* ---- misc ---- */
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --ease:cubic-bezier(.22,1,.36,1);
  --radius:10px; --radius-lg:14px;
  --shadow-card:0 1px 2px rgba(8,54,93,.05), 0 6px 18px -10px rgba(8,54,93,.18);
  --shadow-lift:0 1px 2px rgba(0,0,0,.04), 0 30px 70px -34px rgba(8,54,93,.34);
  --max-content:1280px; --max-copy:920px;
}