/* ============================================================
   MN Soluções — Radii, shadows, borders, motion
   Cards are softly rounded with light cool-tinted shadows.
   Brand elements (CTAs, the gradient) carry a subtle blue glow.
   ============================================================ */
:root {
  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* Shadows — cool, navy-tinted */
  --shadow-xs: 0 1px 2px rgba(16, 42, 76, 0.06);
  --shadow-sm: 0 1px 3px rgba(16, 42, 76, 0.08), 0 1px 2px rgba(16, 42, 76, 0.06);
  --shadow-md: 0 4px 12px rgba(16, 42, 76, 0.10), 0 2px 4px rgba(16, 42, 76, 0.06);
  --shadow-lg: 0 12px 28px rgba(16, 42, 76, 0.14), 0 4px 10px rgba(16, 42, 76, 0.08);
  --shadow-xl: 0 24px 50px rgba(10, 30, 58, 0.22);

  /* Brand glow — used on primary CTAs & active states */
  --shadow-brand: 0 6px 18px rgba(28, 111, 192, 0.32);
  --shadow-cyan:  0 6px 18px rgba(41, 171, 226, 0.30);

  /* Borders */
  --border-width: 1px; /* @kind spacing */
  --border-hairline: 1px solid var(--border-subtle); /* @kind other */

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */

  /* Overlays */
  --overlay-scrim: rgba(10, 30, 58, 0.55); /* @kind color */
  --overlay-glass: rgba(255, 255, 255, 0.7); /* @kind color */
}