/* CM-RG · Archipelago — spacing, radii, shadows, motion */

: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: 96px;
  --space-10: 128px;

  /* — Layout — */
  --measure-prose: 68ch;        /* narrative column */
  --width-content: 1120px;      /* page content max width */
  --width-wide: 1320px;         /* full chart-frame width */

  /* — Radii: charts are drawn square. Corners stay sharp. — */
  --radius-0: 0px;              /* default everywhere */
  --radius-1: 2px;              /* only tiny controls (inputs, tags) */

  /* — Shadows: paper casts almost none. — */
  --shadow-paper: 0 1px 0 rgba(34, 57, 92, 0.10), 0 6px 18px -10px rgba(34, 57, 92, 0.25); /* sheet laid on desk */
  --shadow-none: none;

  /* — Borders / frames — */
  --rule-hairline: 1px solid var(--line-rule);
  --rule-ink: 1.5px solid var(--ink-1);

  /* — Motion: deliberate, instrument-like. No bounces. — */
  --ease-chart: cubic-bezier(0.25, 0.1, 0.25, 1); /* @kind other */
  --duration-fast: 140ms; /* @kind other */
  --duration-slow: 320ms; /* @kind other */
}

/* The signature double-rule chart frame (thin outer, thick inner gap) */
.chart-frame {
  border: 1.5px solid var(--line-frame);
  outline: 1px solid var(--line-frame);
  outline-offset: 3px;
}