/* Spacing, radii, shadows, motion — Tresde.
   The isotipo is a true isometric cube (w/h = 0.86603); geometry is precise, so is spacing. */
:root{
  /* 4px base spacing scale */
  --space-0:0;
  --space-1:0.25rem;  /* 4 */
  --space-2:0.5rem;   /* 8 */
  --space-3:0.75rem;  /* 12 */
  --space-4:1rem;     /* 16 */
  --space-5:1.5rem;   /* 24 */
  --space-6:2rem;     /* 32 */
  --space-7:3rem;     /* 48 */
  --space-8:4rem;     /* 64 */
  --space-9:6rem;     /* 96 */

  /* Radii — restrained. The brand geometry is sharp/faceted, not pillowy. */
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:12px;
  --radius-pill:999px;
  --radius-none:0;

  /* Borders */
  --border-width:1px;
  --border-width-strong:1.5px;

  /* Shadows — soft, warm-tinted, low spread. Faceted objects cast subtle shadow. */
  --shadow-sm:0 1px 2px rgba(23,25,31,0.06);
  --shadow-md:0 4px 12px rgba(23,25,31,0.08);
  --shadow-lg:0 12px 32px rgba(23,25,31,0.12);
  --shadow-focus:0 0 0 3px rgba(255,107,53,0.35);

  /* Motion — restrained, no bounce. Objects only scale/fade. */
  --ease-standard:cubic-bezier(0.2,0,0,1); /* @kind other */
  --ease-out:cubic-bezier(0.16,1,0.3,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:320ms; /* @kind other */

  /* Layout */
  --container-max:1200px;
  --container-narrow:720px;
}