/* ==========================================================================
   NVN STUDIO - APPLE LIGHT MODE STYLING
   ========================================================================== */

/* 1. Base Typography & Antialiasing */
html {
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  background-color: #FFFFFF;
  color: #1D1D1F;
}

/* 2. Apple Navigation Blur Fallback */
header {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

/* 3. Media Aspect Ratio & YouTube Embed Helpers */
.aspect-square {
  aspect-ratio: 1 / 1;
}

.aspect-square iframe,
.aspect-square img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
}

/* 4. Form Controls & Apple Focus Ring */
input,
select,
textarea {
  font-family: inherit;
  font-size: 13px;
  color: #1D1D1F;
  background-color: #FFFFFF;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: #0066CC;
  box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.15);
}

/* 5. Minimalist Hover Transitions */
a,
button {
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 6. Utility: Clean Selection Highlight */
::selection {
  background-color: #1D1D1F;
  color: #FFFFFF;
}