/* Reply Ready — light presentation for public sign-in, invitation, verification and upload pages.
   Loaded after each page's inline styles so the shared tokens override the old dark theme.
   The approved logo has a navy wordmark, so these pages use light surfaces. */
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/assets/fonts/dm-sans-latin.woff2) format("woff2"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 500 800; font-display: swap; src: url(/assets/fonts/manrope-latin.woff2) format("woff2"); }

:root { --bg: #f4f7fd; --surface: #ffffff; --border: #dbe4f3; --text: #102742; --muted: #3f5471; --faint: #566a87; --brand: #1e5ee3; --brand-dark: #1850c4; --danger: #b42318; }
body { background: var(--bg); color: var(--text); }
body::before { background: radial-gradient(circle, rgba(30,94,227,.1), transparent 68%) !important; }
.card { background: #fff !important; border: 1px solid var(--border) !important; box-shadow: 0 2px 4px rgba(16,39,66,.05), 0 24px 60px rgba(16,39,66,.12) !important; }
.logo { display: block; margin: 0 auto 22px !important; text-align: center; }
.logo img { height: 34px; width: auto; margin: 0 auto; }
h1, h2, h3 { color: var(--text); }
input, select, textarea { background: #fff !important; color: var(--text) !important; border: 1px solid #b8c8e4 !important; }
input:focus-visible, button:focus-visible, a:focus-visible { outline: 3px solid var(--brand); outline-offset: 2px; }
label, .sub, p, .hint { color: var(--muted); }
.facts { background: #eef3fd !important; border: 1px solid var(--border) !important; }
.facts b { color: var(--text); }
.price-note { background: #eef3fd !important; border: 1px solid #b8c8e4 !important; color: var(--brand-dark) !important; }
.banner.warn { background: #fff8ec !important; border: 1px solid rgba(176,108,0,.35) !important; color: #6b4200 !important; }
.error, .err { color: var(--danger) !important; }
button.primary, a.primary, .btn, button[type="submit"] { color: #fff; }

html { overflow-x: clip; }