/* Candosa radii + shadows.
   Four corner sizes plus the pill. Big surfaces lean on --r-xl; cards on --r-lg.
   Shadows are subtle hairlines at rest, soft + bigger on hover; brand glow is
   reserved for the hero phone and price emphasis. */

:root {
  /* ---- Corner radii ---- */
  --r-md:    14px;
  --r-lg:    24px;
  --r-xl:    32px;
  --r-pill:  999px;

  /* ---- Shadows ---- */
  --shadow-hairline:   0 1px 0 rgba(17,33,45,.03);
  --shadow-card-hover: 0 8px 22px -10px rgba(17,33,45,.18);
  --shadow-lift:       0 22px 44px -20px rgba(17,33,45,.20);
  --shadow-brand-glow: 0 30px 60px -20px rgba(240,57,6,.30);

  /* ---- Borders ---- */
  --border-hairline: 1px solid var(--line);
  --border-soft:     1px solid var(--line-soft);

  /* ---- Motion ---- */
  --ease-out:    cubic-bezier(.22,.61,.36,1);   /* @kind other */
  --ease-inout:  cubic-bezier(.65,.05,.36,1);   /* @kind other */
  --dur-fast:    140ms;   /* @kind other */
  --dur-base:    220ms;   /* @kind other */
  --dur-slow:    420ms;   /* @kind other */
}