/* AZ Design System — Spacing, layout & shape tokens
   Source of truth: theme.json spacingSizes + az-components.css :root.
   Two spacing tracks: a numeric px scale (20–120) for vertical section
   rhythm, and a small rem scale (1–6) for component-level gaps.
   Corners are sharp by default (--az-radius: 0); shadows are absent —
   structure comes from hairline rules, not elevation. */

:root {
  /* ---- Section rhythm scale (px) ---- */
  --az-space-20: 20px;
  --az-space-40: 40px;
  --az-space-60: 60px;
  --az-space-80: 80px;
  --az-space-100: 100px;
  --az-space-120: 120px;
  --az-space-xs: 0.6rem;
  --az-space-md: var(--az-space-40);
  --az-space-xl: var(--az-space-80);

  /* ---- Component gap scale (rem) ---- */
  --az-space-1: 0.375rem;
  --az-space-2: 0.75rem;
  --az-space-3: 1rem;
  --az-space-4: 1.5rem;
  --az-space-5: 2rem;
  --az-space-6: 3rem;

  /* ---- Shape ---- */
  --az-radius: 0;          /* default: sharp editorial corners */
  --az-radius-pill: 999px; /* badges / numbered tokens only */
  --az-radius-soft: 8px;   /* disclosure cards only */
  --az-focus: var(--az-token-focus, 2px solid currentColor);

  /* ---- Elevation: intentionally flat ---- */
  --az-shadow-rest: none;
  --az-shadow-hover: none;
  --az-shadow-pressed: none;

  /* ---- Layout frame ---- */
  --az-layout-gap: clamp(2.5rem, 4vw, 3.75rem);
  --az-sidebar-width: minmax(13rem, 17rem); /* @kind spacing */
  --az-max-width: 1220px;
  --az-shell-max-width: 1360px;
  --az-shell-pad-x: clamp(1.25rem, 4vw, 4rem);
  --az-reading-width: 760px;
  --az-reading-measure: 68ch;
  --az-section-gap: var(--az-space-80);
  --az-frame-gap: var(--az-space-60);
  --az-card-pad: clamp(1.25rem, 2vw, 2rem);
}