/* ============================================================
   Archivum — Spacing, Radius, Shadow & Layout Tokens
   The system is square-cornered and editorial: near-zero radii,
   hairline borders, deep soft shadows for "lifted plate" cards.
   ============================================================ */

:root {
  /* ---- Spacing scale (4px base) ---- */
  --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:  80px;
  --space-10: 120px;   /* section vertical rhythm */

  /* ---- Layout ---- */
  --container:      1320px;  /* max content width */
  --gutter:         32px;    /* page side padding */
  --section-pad-y:  120px;   /* vertical section padding */

  /* ---- Radius — archival = nearly square ---- */
  --radius-0:  0px;     /* default for plates, cards, sections */
  --radius-sm: 2px;     /* buttons, badges, brand mark */
  --radius-md: 4px;     /* gentle softening, rare */
  --radius-full: 999px; /* dots, pills */

  /* ---- Border widths ---- */
  --bw-hair:   1px;     /* default hairline */
  --bw-rule:   3px;     /* pull-quote rule / accent edge */
  --bw-frame:  6px;     /* hero bottom frame */

  /* ---- Shadows ---- */
  /* Lifted plate (cards on paper) */
  --shadow-card:  0 20px 50px rgba(20,30,80,0.10);
  --shadow-hover: 0 30px 70px rgba(20,30,80,0.14);
  /* Floating plate over cobalt (hero card / portrait) */
  --shadow-plate: 0 30px 60px rgba(0,0,0,0.35);
  /* Subtle utility shadow (toolbars / popovers) */
  --shadow-pop:   0 2px 10px rgba(10,20,50,0.22);

  /* ---- Motion ---- */
  --ease:        cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --dur-fast:    0.2s; /* @kind other */
  --dur-med:     0.3s; /* @kind other */
  --dur-slow:    0.35s; /* @kind other */
  --lift:        translateY(-4px); /* @kind other */
}