/* ============================================================
   conecte.ai — Radius & elevation
   Corners run generous (10 -> 20px). Shadows are soft, low-alpha,
   often tinted with the brand purple (rgba(59,25,93,...)).
   ============================================================ */

:root {
  /* --- Radius ------------------------------------------------------ */
  --radius-xs:   5px;    /* filter inputs, action tabs, small chips */
  --radius-sm:   8px;    /* file-selected chip */
  --radius-md:   10px;   /* tables, cards, buttons, inputs */
  --radius-lg:   14px;   /* checkbox-cards, plan-select cards */
  --radius-xl:   16px;   /* review cards */
  --radius-2xl:  18px;   /* onboarding layout cards */
  --radius-3xl:  20px;   /* main container, plan card, hero panels */
  --radius-pill: 999px;  /* tags, "EU QUERO AGORA" CTA */

  /* --- Elevation (light surfaces) ---------------------------------- */
  /* Table / base card — very subtle */
  --shadow-xs:   0 3px 5px rgba(0,0,0,.17);        /* #0000002b */
  --shadow-sm:   0 4px 6px rgba(0,0,0,.10);        /* fieldset / label */
  /* Brand-tinted card lifts (onboarding) */
  --shadow-card: 0 12px 28px rgba(59,25,93,.06);
  --shadow-md:   0 10px 24px rgba(59,25,93,.08);
  --shadow-lg:   0 18px 42px rgba(59,25,93,.14);   /* card hover */
  --shadow-xl:   0 20px 60px rgba(0,0,0,.30);      /* modal / main container */
  /* Navbar drop */
  --shadow-navbar: 0 6px 10px -2px rgba(124,124,124,.60);
  /* CTA press glow */
  --shadow-cta:  0 10px 25px rgba(59,25,93,.30);

  /* --- Motion ------------------------------------------------------ */
  --ease-standard: cubic-bezier(.4, 0, .2, 1); /* @kind other */
  --dur-fast:   .2s; /* @kind other */
  --dur-base:   .3s; /* @kind other */  /* default UI transitions */
  --dur-slow:   .4s; /* @kind other */  /* sidebar collapse */
  --lift-hover: translateY(-2px); /* @kind other */  /* card / button hover lift */
}