/* ============================================================
   tokens.css — LOCKED design tokens (Design Freeze v1.0)
   Single source of truth for colour, spacing, radius, shadow,
   focus-ring. Do not edit values; they mirror the approved masters.
   ============================================================ */
:root{
--lh-color-ink:#111827; --lh-color-slate:#374151; --lh-color-paragraph:#5A6472; --lh-color-muted:#8A93A3;
--lh-color-blue:#2563EB; --lh-color-blue-strong:#1140C0; --lh-color-cta:#111827; --lh-color-cta-hover:#000000;
--lh-color-bg:#FFFFFF; --lh-color-alt:#F7F8FA; --lh-color-border:#E7E9EE; --lh-color-border-hover:#D4D9E0;
--lh-color-success:#16A34A; --lh-color-error:#DC2626; --lh-color-footer:#0F172A;
--lh-space-1:4px; --lh-space-2:8px; --lh-space-3:12px; --lh-space-4:16px; --lh-space-5:24px;
--lh-space-6:32px; --lh-space-7:40px; --lh-space-8:56px; --lh-space-9:64px; --lh-space-10:80px;
--lh-radius-input:10px; --lh-radius-tile:12px; --lh-radius-card:16px; --lh-radius-pill:999px;
--lh-shadow-card:0 1px 2px rgba(17,24,39,.04), 0 10px 30px -14px rgba(17,24,39,.16);
--lh-shadow-card-hover:0 1px 2px rgba(17,24,39,.05), 0 14px 34px -14px rgba(17,24,39,.20);
--lh-shadow-float:0 2px 6px rgba(17,24,39,.05), 0 24px 60px -20px rgba(17,24,39,.22);
--lh-focus-ring:0 0 0 3px rgba(37,99,235,.15);
}

/* Breakpoint reference (used in media queries across the package):
   --bp-tablet : 768px   (<= 900px collapses to tablet layout)
   --bp-mobile : 375px   (<= 640px collapses to mobile layout)
   CSS custom properties can't be used in media queries, so these are
   documented here and applied as literals: max-width:900px / max-width:640px. */

/* Z-index scale */
:root{
  --lh-z-header:60;
  --lh-z-drawer:70;
  --lh-z-sticky-apply:80;
  --lh-z-toast:90;
  --lh-transition-fast:140ms cubic-bezier(.4,0,.2,1);
  --lh-transition:200ms cubic-bezier(.4,0,.2,1);
}