/* ============================================================
   MINERALES · CARBONES — Spacing, Radius, Border, Shadow & Motion
   Base-8 scale. Angular geometry → minimal rounding.
   Industrial elevation → hard offset shadows, never soft blur.
   ============================================================ */
:root {
  /* ---- Spacing (base 8) ---- */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;
  --space-2xl: 96px;

  /* ---- Border radius (industrial = straight) ---- */
  --radius-none: 0px;    /* botones, secciones, hero — rigidez industrial */
  --radius-sm: 4px;      /* máximo: inputs y tarjetas pequeñas */
  --radius-pill: 999px;  /* sólo puntos de estado / avatares */

  /* ---- Border widths ---- */
  --border-hair: 1px;
  --border-bold: 2px;

  /* ---- Layout ---- */
  --container-max: 1200px;

  /* ---- Shadows (sharp, low-blur — never floaty) ---- */
  --shadow-none: none;
  --shadow-sm: 0 1px 2px rgba(10, 10, 10, 0.08);     /* @kind shadow */
  --shadow-block: 4px 4px 0 0 var(--color-brand-carbon); /* @kind shadow */ /* signature block elevation */
  --shadow-block-emerald: 4px 4px 0 0 var(--color-brand-emerald); /* @kind shadow */
  --shadow-raise: 0 8px 24px rgba(10, 10, 10, 0.12); /* @kind shadow */ /* sparing: menus / modals */

  /* ---- Focus ring ---- */
  --ring: 0 0 0 3px rgba(0, 128, 72, 0.35); /* @kind shadow */

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.2, 0.6, 0.2, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
}