/* ============================================================
   Global styles — overrides and additions on top of Tailwind CDN
   ============================================================ */

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body { min-height: 100vh; }

/* Remove default focus outline — Tailwind ring utilities handle it */
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: none;
}

img { display: block; }

/* Warm shadow for portrait */
.portrait-shadow {
  box-shadow:
    0 24px 64px -12px rgba(0, 0, 0, 0.20),
    0 8px 24px -8px rgba(0, 0, 0, 0.10);
}

/* Subtle card lift */
.card-shadow {
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.07),
    0 1px 2px rgba(0, 0, 0, 0.04);
}

/* Left-to-right overlay on full-bleed photos */
.photo-overlay {
  background: linear-gradient(
    to right,
    rgba(15, 25, 20, 0.60) 0%,
    rgba(15, 25, 20, 0.18) 55%,
    transparent 100%
  );
}

/* Smooth all interactive element transitions */
a, button {
  transition-property: background-color, border-color, color, box-shadow, opacity;
  transition-duration: 160ms;
  transition-timing-function: ease;
}