/* Tulio Digital — Radii, borders, shadows, effects
   Recortes / blocos — restrained rounding, thin dark borders, no fluffy shadows.
   Glow is reserved for the neon-green action color. */
:root {
  /* Corner radii */
  --radius-xs:  4px;
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  22px;
  --radius-pill:999px;

  /* Border widths */
  --border-hair: 1px;

  /* Shadows — subtle depth on near-black */
  --shadow-card:  0 1px 0 rgba(255,255,255,0.02) inset, 0 8px 24px rgba(0,0,0,0.45);
  --shadow-raise: 0 16px 40px rgba(0,0,0,0.55);

  /* Neon-green glow — action emphasis only */
  --glow-green:      0 0 0 1px rgba(61,245,155,0.35), 0 8px 30px rgba(61,245,155,0.22);
  --glow-green-soft: 0 6px 22px rgba(61,245,155,0.18);

  /* Focus ring */
  --focus-ring: 0 0 0 2px var(--bg-base), 0 0 0 4px var(--green-neon);

  /* Motion — quick, functional, no bounce */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
}