@font-face {
  font-family: 'Newsreader';
  src: url('../fonts/Newsreader-VF.woff2') format('woff2-variations');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Newsreader';
  src: url('../fonts/Newsreader-Italic-VF.woff2') format('woff2-variations');
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-VF.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Italic-VF.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

body {
  background: #FAF9F6;
  font-family: 'Inter', sans-serif;
  font-variant-ligatures: common-ligatures;
  -webkit-font-smoothing: antialiased;
}

h1 {
  font-family: 'Newsreader', serif;
  font-weight: 700;
  font-size: 4rem;
  font-optical-sizing: auto; 
}

.caption {
  font-size: 0.8rem;
  font-weight: 300;
}

/* Form Container */
.waitlist-container {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 400px;
}

/* Input using Inter */
input[type="email"] {
    font-family: 'Inter', sans-serif;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
    outline: none;
}

input[type="email"]:focus {
    border-color: #000;
}

/* Button using Inter (Bold) */
button {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    padding: 12px 16px;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: opacity 0.2s;
}

button:hover {
    opacity: 0.8;
}

button:disabled {
    background-color: #999;
    cursor: not-allowed;
}

/* Feedback message using Newsreader (Italic) */
#status-msg {
    font-family: 'Newsreader', serif;
    font-style: italic;
    font-size: 0.95rem;
    margin-top: 8px;
}