/* Nuvem Design — spacing, radii, elevation, motion */

:root {
  /* ---- Spacing (8px base) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 110px;   /* deck slide side margin @1920 */

  /* ---- Radii — the brand is sharp-edged; only marks are round ---- */
  --radius-none: 0;        /* cards, photos, bands: always square */
  --radius-pill: 999px;    /* tags, handles */
  --radius-badge: 50%;     /* the N disc */

  /* ---- Elevation — flat brand: no drop shadows in source material ---- */
  --shadow-none: none;

  /* ---- Borders ---- */
  --border-hairline: 1px solid var(--border-subtle);
  --border-mark: 3px solid var(--ink);   /* keyline box accent */

  /* ---- Motion — calm, editorial ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-base: 300ms; /* @kind other */
  --hover-dim: 0.7;        /* @kind other */ /* hover = opacity dim, like Instagram-era art direction */
}