/* ==============================================================================
   LinkPass eSIM - Theme & Base Design System (Direction B: Apple HIG Minimalist)
   ============================================================================== */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap');

:root {
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --apple-blue: #0071E3;
  --apple-blue-hover: #0077ED;
  --apple-emerald: #10B981;
}

body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #F8FAFC;
  color: #0F172A;
}

.font-mono {
  font-family: var(--font-mono);
}

/* Apple-style subtle background glow */
.apple-hero-bg {
  background: radial-gradient(120% 80% at 50% 0%, rgba(238, 242, 255, 0.8) 0%, rgba(248, 250, 252, 0.4) 60%, #F8FAFC 100%);
}

/* Glassmorphism Styles */
.glass-nav {
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.glass-nav-dark {
  background: rgba(15, 23, 42, 0.88);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-card {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(15, 23, 42, 0.06);
}

/* Apple Device Widget Card */
.apple-preview-card {
  background: #FFFFFF;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.02), 0 20px 40px -4px rgba(15, 23, 42, 0.06);
}

/* Micro-interactions */
.btn-press:active {
  transform: scale(0.98);
}

/* Custom Scrollbars */
.scrollbar-none::-webkit-scrollbar {
  display: none;
}

.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}