/* LSPC effects — radii, borders, shadows, motion.
   The brand is engineering-precise: modest radii, crisp borders, restrained shadows. */
:root{
  /* Corner radii — the logo parallelogram reads as sharp; keep radii small */
  --radius-none:0;
  --radius-sm:3px;
  --radius-md:6px;
  --radius-lg:10px;
  --radius-pill:999px;

  /* Border widths */
  --border-width:1px;
  --border-width-thick:2px;
  /* Signature left-accent used on callouts/section markers */
  --accent-bar:4px;

  /* Shadows — soft, cool-neutral, never heavy */
  --shadow-xs:0 1px 2px rgba(24,27,28,.06);
  --shadow-sm:0 1px 3px rgba(24,27,28,.08),0 1px 2px rgba(24,27,28,.04);
  --shadow-md:0 4px 12px rgba(24,27,28,.09);
  --shadow-lg:0 12px 32px rgba(24,27,28,.12);
  --shadow-focus:0 0 0 3px rgba(42,135,132,.35);

  /* Motion */
  --ease-standard:cubic-bezier(.2,.6,.2,1); /* @kind other */
  --ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:320ms; /* @kind other */

  /* The signature skew angle of the LSPC lettermark parallelogram (~15deg) */
  --skew-angle:-12deg; /* @kind other */
}