/* Newsletter page only — layered after meta-v2.css. Do not edit meta-v2.css for this page. */

:root {
    --bg-warm: #faf8f5;
    --bg-primary: #faf8f5;
    --bg-secondary: #f3efe8;
    --accent: #1a5f5e;
    --accent-hover: #144a49;
    --accent-coral: #e07a5f;
    --accent-coral-hover: #c96a52;
}

body {
    background: var(--bg-warm);
}

.hero,
.hero-bg {
    background: var(--bg-primary);
    color: var(--text-primary);
}

.hero-headline {
    color: var(--text-primary);
}

.hero-subhead {
    color: var(--text-secondary);
}

.trust-microcopy,
.signup-form .trust-microcopy {
    color: var(--text-secondary);
}

.form-success .success-message {
    color: var(--text-primary);
}

.hero .cta-btn--secondary,
.signup-form .cta-btn--secondary {
    background: var(--accent-coral);
    border: 2px solid var(--accent-coral);
    color: #fff;
}

.hero .cta-btn--secondary:hover,
.signup-form .cta-btn--secondary:hover {
    background: var(--accent-coral-hover);
    border-color: var(--accent-coral-hover);
}

.signup-form input[type="email"]:focus {
    outline-color: var(--accent);
}

.cta-btn:focus {
    outline-color: var(--accent);
}

.iphone-frame {
    box-shadow: 0 16px 40px rgba(26, 95, 94, 0.12);
}

.img-placeholder {
    background: var(--bg-secondary);
    color: var(--text-secondary);
}