@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap');

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background-color: #ffffff;
  color: #1d1d1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.47;
  font-size: 17px;
}

.dark body {
  background-color: #000000;
  color: #f5f5f7;
}

[v-cloak] {
  display: none;
}

/* Apple tight tracking for display fonts */
.tracking-apple-display {
  letter-spacing: -0.015em;
}

/* Frosted glass effect */
.backdrop-frosted {
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
}

/* Apple micro-interaction for buttons */
.btn-apple {
  transition: transform 0.1s ease-in-out, opacity 0.1s;
}
.btn-apple:active:not(:disabled) {
  transform: scale(0.95);
}

/* Minimalist scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #d2d2d7;
  border-radius: 3px;
}
.dark ::-webkit-scrollbar-thumb {
  background: #424245;
}

/* Base focus style */
*:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #0071e3;
  border-radius: 2px;
}

.btn-apple.rounded-full:focus-visible {
  border-radius: 9999px;
}