/* Spacing, radii, elevation, motion, layout. Values transcribed from the source file. */
:root{
  /* radii */
  --radius-xs:4px;
  --radius-sm:5px;
  --radius-control:6px;
  --radius-card:8px;
  --radius-nav:10px;
  --radius-pill:999px;
  --radius-round:9999px;

  /* spacing rhythm */
  --space-2:2px;
  --space-4:4px;
  --space-5:5px;
  --space-8:8px;
  --space-10:10px;
  --space-12:12px;
  --space-14:14.99px;
  --space-20:20px;
  --space-21:21px;
  --space-25:25px;
  --space-26:26px;
  --space-40:40px;
  --space-45:45px;
  --space-50:50px;

  --gap-grid:25px;
  --gap-section:50px;
  --pad-section-y:50px;
  --pad-card:45px;
  --pad-card-sm:24px;

  /* layout */
  --container-max:1440px;
  --container-narrow:1200px;
  --container-copy:1100px;
  --container-quote:1080px;
  --container-content:1392px;
  --gutter-desktop:240px;
  --gutter-inner:24px;
  --gutter-mobile:20px;
  --card-w:450px;
  --card-w-wide:683.5px;

  /* elevation */
  --shadow-card:0 2px 20px 0 rgba(0,0,0,0.05);
  --shadow-control:0 1px 2px 0 rgba(0,0,0,0.05);
  --shadow-float:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);
  --shadow-glow:0 2px 20px 0 rgba(94,255,153,0.2);
  --ring-accent:0 0 0 4px rgba(23,252,112,0.25);
  --inset-hairline:inset 0 0 0 1px rgba(255,255,255,0.1);

  /* blur */
  --blur-nav:blur(7px); /* @kind other */

  /* motion — the source encodes hover as a 1.1× scale-up on pill CTAs */
  --scale-hover:1.1; /* @kind other */
  --ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur:200ms; /* @kind other */
  --dur-slow:320ms; /* @kind other */
}
*{text-wrap:pretty}