/* ============================================================
   Doubleslash Studio — Spacing, layout, radius, shadow, motion
   ============================================================ */
:root {
  /* ---- Layout ---------------------------------------------- */
  --maxw: 1360px;         /* container max width */
  --pad: 48px;            /* container side padding (24px < 900px) */
  --measure: 62ch; /* @kind other */        /* comfortable reading measure */

  /* ---- Spacing scale --------------------------------------- */
  --space-1: 8px;
  --space-2: 13px;        /* slash-list gap */
  --space-3: 20px;        /* grid gap */
  --space-4: 28px;        /* card padding y */
  --space-5: 34px;
  --space-6: 48px;        /* container pad / column gap */
  --space-7: 56px;        /* card padding (large) */
  --space-8: 88px;        /* section rhythm */
  --space-9: 96px;        /* large section rhythm / footer top */

  /* ---- Radius ---------------------------------------------- */
  --radius-sm: 8px;       /* small buttons, controls-ish */
  --radius: 9px;          /* default button */
  --radius-md: 14px;      /* service cards, cookie */
  --radius-lg: 16px;      /* cards, work cards */
  --radius-xl: 20px;      /* panels, form panel, light CTA */

  /* ---- Shadow ---------------------------------------------- */
  --shadow-btn: 0 10px 24px -10px rgba(205, 35, 108, 0.7);   /* magenta lift */
  --shadow-card: 0 22px 50px -26px rgba(45, 0, 69, 0.5);     /* card hover lift */
  --shadow-pop: 0 20px 50px -18px rgba(0, 0, 0, 0.6);        /* cookie / floating */

  /* ---- Motion ---------------------------------------------- */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1); /* @kind other */  /* reveals */
  --dur-fast: 0.2s; /* @kind other */       /* hover lifts, links */
  --dur-mid: 0.3s; /* @kind other */        /* card hover */
  --dur-slow: 0.8s; /* @kind other */        /* scroll reveals */
  --lift: -2px; /* @kind other */           /* button hover translateY */
  --lift-card: -4px; /* @kind other */      /* card hover translateY */
}