/* Build More — radii, shadows, motion. Exact values lifted from component source. */
:root{
  /* corner radii */
  --radius-card:0.9rem;      /* service/bento cards */
  --radius-sheet:0.85rem;    /* process "werkblad" sheets */
  --radius-faq:1rem;         /* FAQ cards */
  --radius-media:1rem;       /* rounded-2xl imagery */
  --radius-pill:9999px;      /* every button + chip */
  --radius-node:0.6rem;      /* numbered step nodes */
  --radius-print:0.35rem;    /* team photo prints */
  /* shadows — always pine-tinted via color-mix, never plain black */
  --shadow-card:0 18px 34px -26px color-mix(in srgb,var(--color-pine) 45%, transparent);
  --shadow-card-hover:0 30px 50px -28px color-mix(in srgb,var(--color-pine) 55%, transparent);
  --shadow-print:0 18px 32px -20px color-mix(in srgb,var(--color-pine) 50%, transparent);
  --shadow-sheet:0 -10px 24px -22px color-mix(in srgb,var(--color-pine) 55%, transparent),0 24px 44px -24px color-mix(in srgb,var(--color-pine) 45%, transparent);
  --shadow-chip:0 10px 22px -18px color-mix(in srgb,var(--color-pine) 50%, transparent);
  /* motion */
  --ease-out-soft:cubic-bezier(0.22,1,0.36,1); /* @kind other */
  --ease-draw:cubic-bezier(0.45,0,0.2,1); /* @kind other */
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1); /* @kind other */
  --dur-hover:0.3s; /* @kind other */
  --dur-reveal:0.7s; /* @kind other */
}