/* Agência NU — Spacing, radii, elevation, motion, layout
   Editorial system: generous negative space, sharp-ish corners, restrained shadows. */
:root {
  /* Spacing — 4px base, generous scale */
  --sp-0: 0; /* @kind spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;
  --sp-11: 192px;

  /* Radii — sharp, editorial; pills for tags only */
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-xl: 22px;
  --radius-pill: 999px;

  /* Borders */
  --bw-hairline: 1px;
  --bw-strong: 1.5px;

  /* Elevation — deep, soft shadows for near-black surfaces + subtle accent glows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.45);
  --shadow-lg: 0 24px 60px rgba(0,0,0,0.55);
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,0.05);
  --glow-orange: 0 0 0 1px rgba(255,106,26,0.35), 0 8px 30px rgba(255,106,26,0.22);
  --glow-tiffany: 0 0 0 1px rgba(23,199,184,0.35), 0 8px 30px rgba(23,199,184,0.2);

  /* Motion — quick, precise, no bounce */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 400ms; /* @kind other */

  /* Layout — 12-col grid, wide gutters */
  --grid-cols: 12; /* @kind other */
  --grid-gutter: 24px;
  --container-max: 1280px;
  --container-wide: 1440px;
  --page-margin: 64px;
}