/* TRUST Lab — Spacing, radii, borders, elevation, motion
   Radius is 0 by default: the pixel-block logo sets a sharp, square geometry.
   The signature "pixel offset" shadow mirrors the brand icon set
   (blue stroke + cyan offset). */
:root {
  /* ─── Spacing (4px grid) ─── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  /* ─── Radii — square system ─── */
  --radius-none: 0px;
  --radius-xs: 2px;      /* only for tiny chips/checkbox */
  --radius-full: 999px;  /* avatars only */

  /* ─── Borders ─── */
  --border-w: 1px;
  --border-w-strong: 2px;

  /* ─── Elevation ─── */
  --shadow-offset-cyan: 6px 6px 0 0 var(--tl-cyan-400);       /* signature, feature cards / CTAs */
  --shadow-offset-cyan-sm: 3px 3px 0 0 var(--tl-cyan-400);
  --shadow-offset-blue: 6px 6px 0 0 var(--tl-blue-600);       /* on cyan / light surfaces */
  --shadow-pop: 0 12px 32px rgba(13, 13, 13, 0.14);           /* overlays: dialog, dropdown, toast */
  --shadow-card-hover: 0 8px 24px rgba(13, 13, 13, 0.10);

  /* ─── Motion — fast, precise, no bounce ─── */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
  --duration-base: 180ms; /* @kind other */
  --duration-slow: 320ms; /* @kind other */

  /* ─── Layout ─── */
  --container-max: 1200px;
  --container-pad: 24px;
}