/* ============================================================
   Artista CEO — Spacing, Radius, Shadow, Motion, Layout
   Sóbrio e elegante. Cantos quase retos (editorial), sombras quentes
   e suaves, movimento contido (sem bounce). Coerência de família.
   ============================================================ */
:root {
  /* — Spacing scale (4px base) — */
  --space-1:  0.25rem;  /* @kind spacing */
  --space-2:  0.5rem;   /* @kind spacing */
  --space-3:  0.75rem;  /* @kind spacing */
  --space-4:  1rem;     /* @kind spacing */
  --space-5:  1.5rem;   /* @kind spacing */
  --space-6:  2rem;     /* @kind spacing */
  --space-7:  3rem;     /* @kind spacing */
  --space-8:  4rem;     /* @kind spacing */
  --space-9:  6rem;     /* @kind spacing */
  --space-10: 8rem;     /* @kind spacing */
  --space-11: 11rem;    /* @kind spacing */

  /* — Section rhythm & layout — */
  --section-y:  clamp(4rem, 3rem + 6vw, 9rem);          /* @kind spacing */
  --gutter:     clamp(1.25rem, 0.5rem + 3vw, 3rem);     /* @kind spacing */
  --measure:    66ch;   /* @kind spacing */
  --container:  72rem;  /* @kind spacing */
  --container-wide: 84rem; /* @kind spacing */

  /* — Radii — editorial: nearly square, never bubbly — */
  --radius-xs: 2px;     /* @kind radius */
  --radius-sm: 4px;     /* @kind radius */
  --radius-md: 6px;     /* @kind radius */
  --radius-lg: 10px;    /* @kind radius */
  --radius-pill: 999px; /* @kind radius */

  /* — Borders — */
  --border-w: 1px;          /* @kind spacing */
  --border-w-strong: 1.5px; /* @kind spacing */

  /* — Shadows — warm-tinted, low, diffuse (luz, não drama) — */
  --shadow-xs: 0 1px 2px rgba(33, 24, 18, 0.06);      /* @kind shadow */
  --shadow-sm: 0 2px 8px rgba(33, 24, 18, 0.07);      /* @kind shadow */
  --shadow-md: 0 8px 24px rgba(33, 24, 18, 0.09);     /* @kind shadow */
  --shadow-lg: 0 18px 48px rgba(33, 24, 18, 0.13);    /* @kind shadow */
  --shadow-accent: 0 10px 30px rgba(159, 69, 39, 0.20); /* @kind shadow */

  /* — Motion — contido, elegante, sem bounce — */
  --ease-out:    cubic-bezier(0.22, 0.61, 0.36, 1);   /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0.05, 0.36, 1);   /* @kind other */
  --dur-fast: 140ms;    /* @kind other */
  --dur-base: 240ms;    /* @kind other */
  --dur-slow: 480ms;    /* @kind other */
  --dur-reveal: 720ms;  /* @kind other */
}