/* ============================================================
   Liora Interior Studio  -  Spacing, radius, lines, shadow, motion
   SHARP corners everywhere. Thin horizontal hairlines are the
   structural motif. Generous whitespace on white.
   ============================================================ */

:root {
  /* ---- Spacing scale (4px base) ---- */
  --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  */
  --space-10: 8rem;      /* 128  -  section rhythm */
  --space-11: 11rem;     /* 176  -  airy gaps */

  /* ---- Radius  -  SHARP. Everything square. ---- */
  --radius-none: 0;
  --radius-xs:   0;
  --radius-sm:   0;
  --radius-md:   0;
  --radius-lg:   0;
  --radius-card: 0;
  --radius-pill: 0;      /* buttons & chips are rectangles too */
  --radius-circle: 50%;  /* ONLY for the circular arrow icon motif */

  /* ---- Hairlines (the structural system) ---- */
  --hairline:        1px solid var(--line);
  --hairline-strong: 1px solid var(--line-strong);
  --hairline-faint:  1px solid var(--line-faint);

  /* ---- Shadows  -  essentially none. Structure comes from lines. ---- */
  --shadow-none: none;
  --shadow-xs:  0 1px 2px rgba(35, 32, 32, 0.04);
  --shadow-sm:  0 2px 10px rgba(35, 32, 32, 0.05);
  --shadow-md:  0 16px 40px -18px rgba(35, 32, 32, 0.14);

  /* ---- Layout ---- */
  --container:      1280px;
  --container-wide: 1480px;
  --container-text: 680px;
  --gutter:         clamp(1.25rem, 5vw, 5rem); /* @kind spacing */
  --grid-gap:       clamp(1rem, 2.2vw, 2rem);

  /* ---- Motion (gentle, no bounce) ---- */
  --ease-out:   cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-inout: cubic-bezier(0.65, 0.05, 0.36, 1); /* @kind other */
  --dur-fast:   160ms; /* @kind other */
  --dur-base:   280ms; /* @kind other */
  --dur-slow:   520ms; /* @kind other */
  --transition: all var(--dur-base) var(--ease-out); /* @kind other */
}