/* ============================================================
   VerifAI visual refinement — Apple/Google-inspired tightening
   Feel upgrade only. Brand colors and content are untouched.
   Loaded after the main stylesheet; wins on equal specificity.
   Hydration-safe: pure CSS, no markup or class changes.
   ============================================================ */

/* 1. Base radius tightening (shadcn-derived system):
      rounded-md 10px -> 8px, rounded-lg 12px -> 10px, rounded-xl 16px -> 14px */
:root { --radius: 0.625rem !important; }

/* 2. Tailwind radius scale tightening: nothing bubblier than 14px */
.rounded-xl { border-radius: 10px !important; }
.rounded-2xl { border-radius: 12px !important; }
.rounded-3xl { border-radius: 14px !important; }

/* 3. Pills -> refined 10px rectangles (buttons, badges, chips, tabs).
      True circles (square w-N / h-N elements: avatars, dots, icon buttons)
      keep their circular shape. */
.rounded-full { border-radius: 10px !important; }
.rounded-full.w-2.h-2,
.rounded-full.w-3.h-3,
.rounded-full.w-4.h-4,
.rounded-full.w-5.h-5,
.rounded-full.w-6.h-6,
.rounded-full.w-8.h-8,
.rounded-full.w-10.h-10,
.rounded-full.w-12.h-12,
.rounded-full.w-14.h-14,
.rounded-full.w-16.h-16 { border-radius: 9999px !important; }

/* 4. Buttons: 10px radius, slightly tighter horizontal padding (semibold
      weight + 1px borders are already in use across the site) */
button.rounded-md { border-radius: 10px !important; }
button.rounded-full { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }

/* 5. Hero breathing room — first section after the nav, every page */
nav + section[class*="pt-24"] { padding-top: 8rem; padding-bottom: 6rem; }
@media (min-width: 1024px) {
  nav + section[class*="pt-24"] { padding-top: 11rem; padding-bottom: 8rem; }
}

/* 6. Premium typography details */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
h1 { letter-spacing: -0.02em; }