:root{
  --amg-radius: 16px;
  --amg-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
}

/* Better tap targets + crisp focus */
button, .wp-element-button, input, select, textarea, a{
  -webkit-tap-highlight-color: transparent;
}

:where(a, button, input, select, textarea):focus-visible{
  outline: 3px solid color-mix(in srgb, var(--wp--preset--color--brand) 50%, white);
  outline-offset: 2px;
}

/* Slightly tighter reading width on large screens */
.wp-site-blocks{
  background: var(--wp--preset--color--base);
}

/* Header polish if using our header part */
.amg-header{
  position: sticky;
  top: 0;
  z-index: 50;
  background: color-mix(in srgb, var(--wp--preset--color--base) 92%, transparent);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 10%, transparent);
}

.amg-pill{
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 12%, transparent);
  background: var(--wp--preset--color--surface);
}