/**
 * Kismet Jewels NYC — Shared tokens & base
 * Edit :root here for site-wide consistency. Safe for all viewports.
 */
:root {
  --gold-light: #e8d48a;
  --gold: #c9a227;
  --gold-dark: #a88b20;
  --gold-subtle: rgba(201, 162, 39, 0.15);
  --brand: #051a0f;
  --surface: #030d08;
  --surface-elevated: #071810;
  --text-primary: #f5f5f5;
  --text-secondary: rgba(245, 245, 245, 0.85);
  --text-muted: rgba(245, 245, 245, 0.65);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --touch-min: 44px;
  --safe-top: env(safe-area-inset-top);
  --safe-bottom: env(safe-area-inset-bottom);
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
body {
  font-family: 'Montserrat', sans-serif;
  background: var(--surface);
  color: var(--text-primary);
  overflow-x: hidden;
  min-width: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}
.page { position: relative; z-index: 1; padding-bottom: var(--safe-bottom); min-width: 0; }

/* Responsive: prevent overflow on all viewports (320px–2560px+) */
@media (max-width: 479px) {
  html { font-size: 16px; }
}
@media (min-width: 2560px) {
  .page { max-width: 100%; }
}

/* Removed per request: hide the visual "Skip to main content" link */
.ksm-skip-link{
  display:none !important;
}
