/*
 * Nicky's Numbers: V2 look for the older pages (Nov 2026)
 * Loaded by includes/site_nav.php on every page, after the page's own
 * styles, so it wins without editing each page. It:
 *  - swaps the old purple palette for the V2 one (same variable names)
 *  - turns Cormorant italic headings into Bodoni, and Cinzel small caps
 *    into DM Sans labels
 *  - raises any text under 12px to 12px, and body text weight to 400
 *  - keeps the starfield, quieter; drops the glow orbs
 * Selector lists were generated from the pages' own CSS. Pages rebuilt
 * from scratch (home, number pages, fast log) use their own styles.
 */
:root {
  --void: #0f0d14; --deep: #0f0d14; --surface: #17141e; --surface-2: #1d1926;
  --border: #2a2533; --border-hover: #3a3446;
  --gold: #d4b062; --gold-light: #ecd08f; --gold-pale: #f5e9c4;
  --mist: #d6cfe0; --text: #ece6f2; --text-dim: #c4bcd2; --text-muted: #a39bb3;
}
body { background: #0f0d14; font-weight: 400; }
.orb, .orb-1, .orb-2, .orb-3 { display: none !important; }
.starfield { opacity: .45; }

/* Headings: Bodoni, upright */
.birth-name-value,
.cp-and,
.cp-card-name,
.cp-locked h2,
.cp-reading h2,
.cp-soon h2,
.dash-greeting,
.empty-title,
.entry-title,
.not-found-title,
.page-body h2,
.page-title,
.sa-404 h1,
.sa-animal-name,
.sa-edge-title,
.sa-rule h3,
.sa-title,
.sa-you-name,
.sh-el-name,
.sh-el-quote,
.today-line,
.uv-title,
.zodiac-sign {
  font-family: 'Bodoni Moda', serif !important; font-style: normal !important; font-weight: 400 !important;
  font-optical-sizing: none; font-variation-settings: 'opsz' 11; letter-spacing: -0.005em;
}
.calc-input,
.search-again input { font-family: 'DM Sans', system-ui, sans-serif !important; font-style: normal !important; }

/* Small-caps labels: DM Sans, readable size */
.breakdown-title,
.chart-label-top,
.compose h3,
.cp-panel-label,
.cp-reading-kind,
.cp-side-label,
.cp-soon-tag,
.info-title,
.page-body h3,
.page-eyebrow,
.sa-animal-drive,
.sa-edge-label,
.sa-eyebrow,
.sa-part-label,
.sa-section-label,
.section-label,
.uv-why-label {
  font-family: 'DM Sans', system-ui, sans-serif !important; font-weight: 500 !important;
  font-size: 12px !important; letter-spacing: .14em !important; text-transform: uppercase; color: var(--gold);
}

/* Nothing people read under 12px */
.nav-link,
.today-date,
.today-chip,
.chart-label,
.chart-sub,
.zodiac-badge .zb-label,
.saved-title,
.saved-date,
.sighting-date,
.form-label,
.form-hint,
.ms-count,
.footer-links a,
.chart-name,
.chart-desc,
.zodiac-type,
.zodiac-meta,
.spirit-more,
.birth-name-label,
.entry-meta,
.entry-date,
.entry-action,
.calc-hint,
.cipher-name,
.cipher-desc,
.bd-tab,
.letter-val,
.footer-note,
.section-divider em,
.sa-you-label,
.sa-animal-lp,
.sa-chip,
.uv-why li::before,
.cp-scale span,
.cp-flash strong,
.cp-chip,
.cp-locked li::before,
.sh-el-you { font-size: 12px !important; }

/* Numbers in Bodoni look thin at large sizes without this */
[class*="num"], [class*="number"] { font-optical-sizing: none; font-variation-settings: 'opsz' 11; }

/* ── Readable sizes (pass 2, Nov 2026) ──
   Generated from the older pages' CSS: every size under 15px, sorted by what
   the text is. Inputs are 16px so iPhones don't zoom in when you tap them. */
.alert,
.card-body,
.chart-desc,
.chart-sub,
.cipher-desc,
.cp-add summary,
.cp-card-sub,
.cp-empty,
.cp-list li,
.cp-locked li,
.cp-locked li::before,
.cp-soon p,
.danger-list li,
.dash-sub,
.data-item,
.empty-body,
.empty-state,
.entry-body,
.explain-body,
.explain-title,
.form-input,
.form-input, .form-select,
.form-textarea,
.info-card-body,
.not-found-body,
.page-sub,
.sa-404 p,
.sa-animal-summary,
.sa-rule p,
.sa-you-why,
.today-draw-text,
.today-notes,
.uv-why li,
.uv-why li::before {
  font-size: 16px !important; line-height: 1.6;
}
.back-btn,
.back-link,
.bd-tab,
.btn,
.btn-submit,
.card h3,
.cp-card .cp-card-spirit td:last-child,
.cp-card table,
.cp-check,
.cp-error,
.cp-field label,
.cp-flash,
.cp-go,
.cp-list small,
.cp-me label,
.cp-me-card,
.cp-notice,
.cp-panel h3,
.cp-private,
.cp-scale span,
.cp-strip b,
.cp-tab,
.cp-verdict-pre,
.cta-btn,
.dash-tab,
.dev-notice,
.entry-action,
.entry-number,
.error-msg,
.forgot-link,
.info-card-title,
.new-btn,
.pagination a, .pagination span,
.sa-btn,
.sa-cusp,
.sa-cusp strong,
.sa-edge-caveat,
.sa-edge-when,
.sa-preview,
.sa-rule table,
.sa-shadow,
.saved-title,
.sh-el-how,
.sh-el-link,
.sh-opposite,
.sighting-title,
.spirit-more,
.success-msg,
.uv-join,
.uv-next,
.uv-reveal-btn,
.uv-today {
  font-size: 15px !important; line-height: 1.6;
}
.auth-footer,
.breakdown-sum,
.calc-hint,
.cp-chip,
.cp-hint,
.cp-strip-note,
.cp-visitor-note,
.disclaimer,
.entry-date,
.entry-meta,
.footer-links a,
.footer-note,
.form-hint,
.letter-val,
.ms-count,
.pending-label,
.sa-animal-lp,
.sa-chip,
.sa-pending,
.saved-date,
.sighting-date,
.sighting-note,
.spirit-tagline,
.today-chip,
.zodiac-badge,
.zodiac-meta {
  font-size: 14px !important; line-height: 1.6;
}
.auth-logo,
.birth-name-label,
.breakdown-title,
.calc-btn,
.chart-label,
.chart-label-top,
.chart-name,
.cipher-name,
.compose h3,
.confirm-input,
.cp-flash strong,
.cp-panel-label,
.cp-reading-kind,
.cp-side-label,
.cp-soon-tag,
.form-label,
.info-title,
.nav-link,
.page-body h3,
.page-eyebrow,
.result-raw,
.sa-animal-drive,
.sa-edge-label,
.sa-eyebrow,
.sa-part-label,
.sa-section-label,
.sa-you-label,
.search-again button,
.section-divider em,
.section-label,
.sh-el-you,
.today-date,
.uv-why-label,
.zodiac-badge .zb-label,
.zodiac-type {
  font-size: 12.5px !important; letter-spacing: .12em !important;
}
input[type=text], input[type=email], input[type=password], input[type=date], input[type=search], input[type=number], select, textarea { font-size: 16px !important; }
/* Hand-checked: these are sentences, not meta */
.sighting-note, .spirit-tagline, .cp-strip-note, .cp-visitor-note, .cp-hint, .sa-pending, .calc-hint, .form-hint, .disclaimer { font-size: 15px !important; line-height: 1.6; }