/* ============================================================
   THE AGENCY — ELEVATION, RADIUS & MOTION TOKENS
   The brand reads crisp and architectural: hairline borders,
   near-square corners, restrained shadows. The logo is a
   "perfect square" (Manual p.8) — corners stay sharp on brand
   marks; UI gets at most a whisper of rounding.
   ============================================================ */

:root {
  /* ---- Radii (minimal — sharp & structured) ---- */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-pill: 999px;

  /* ---- Shadows (soft, low, luxury-quiet) ---- */
  --shadow-xs: 0 1px 2px rgba(18,18,18,0.06);
  --shadow-sm: 0 2px 8px rgba(18,18,18,0.07);
  --shadow-md: 0 8px 24px rgba(18,18,18,0.10);
  --shadow-lg: 0 18px 48px rgba(18,18,18,0.14);

  /* ---- Borders ---- */
  --border-hairline: 1px solid var(--color-border);
  --border-strong:   1px solid var(--color-border-strong);
  --border-ink:      1px solid var(--iron);

  /* ---- Motion (understated, never bouncy) ---- */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   220ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */
}