/* ============================================================
   CerraGo — Effects: radii, borders, shadows, motion
   Soft, professional card shadows; medium radii; no heavy skeuomorphism.
   ============================================================ */
:root{
  /* Corner radii */
  --radius-sm:6px;
  --radius-md:8px;     /* buttons, inputs */
  --radius-lg:12px;    /* cards */
  --radius-xl:16px;    /* large panels */
  --radius-pill:999px; /* phone CTA in nav, chips */

  /* Borders */
  --border-hairline:1px solid var(--border-subtle);
  --border-card:1px solid var(--gray-200);

  /* Shadows — cool navy-tinted, soft */
  --shadow-xs:0 1px 2px rgba(10,33,72,.06);
  --shadow-sm:0 2px 6px rgba(10,33,72,.08);
  --shadow-card:0 6px 20px rgba(10,33,72,.08);
  --shadow-lg:0 12px 32px rgba(10,33,72,.12);
  --shadow-cta:0 6px 18px rgba(249,115,22,.32);   /* orange glow on CTAs */

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

  /* Focus ring */
  --focus-ring:0 0 0 3px rgba(249,115,22,.35);
}