/* Atelier Cherubin — Spacing, radius, line & motion
   Architectural, airy. Luxury lives in negative space. Radius is near-zero:
   sharp gallery edges, never soft/rounded. */
:root {
  /* Spacing scale (4px base, expands generously at the top) */
  --sp-1:  0.25rem;  /* 4  */
  --sp-2:  0.5rem;   /* 8  */
  --sp-3:  0.75rem;  /* 12 */
  --sp-4:  1rem;     /* 16 */
  --sp-5:  1.5rem;   /* 24 */
  --sp-6:  2rem;     /* 32 */
  --sp-7:  3rem;     /* 48 */
  --sp-8:  4rem;     /* 64 */
  --sp-9:  6rem;     /* 96 */
  --sp-10: 8rem;     /* 128 */
  --sp-11: 12rem;    /* 192 — section rhythm */

  /* Layout */
  --gutter:      clamp(1.5rem, 5vw, 6rem);  /* @kind spacing */
  --max-content: 1440px;
  --max-prose:   62ch;

  /* Radius — gallery-sharp. Pills only for tags/buttons by intent. */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-pill: 999px;

  /* Hairline borders */
  --border-hair: 1px solid var(--hairline);        /* @kind other */
  --border-dark: 1px solid var(--ac-on-dark-12);   /* @kind other */

  /* Shadows — barely-there. Luxury avoids heavy drop shadows. */
  --shadow-none: none;
  --shadow-soft: 0 1px 2px rgba(10,10,10,0.04), 0 12px 40px rgba(10,10,10,0.06);
  --shadow-lift: 0 2px 4px rgba(10,10,10,0.06), 0 24px 70px rgba(10,10,10,0.10);

  /* Motion — slow, refined, no bounce */
  --ease-elegant: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-inout:   cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:   200ms;  /* @kind other */
  --dur-base:   400ms;  /* @kind other */
  --dur-slow:   700ms;  /* @kind other */
  --dur-reveal: 1100ms; /* @kind other */
}