/* Workremote base — editorial layout, AP/invoicing navy-on-cream with gold accent */

body {
  background-color: #1a2540;
  color: #F5F1E8;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.6;
  transition: background-color .25s ease, color .25s ease;
}

html[data-theme="paper"] body {
  background-color: #F5F1E8;
  color: #1a2540;
}

main { min-height: 60vh; }

.wp-block-site-title a {
  font-family: Inter, "Helvetica Neue", sans-serif;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  color: #F5F1E8;
}
html[data-theme="paper"] .wp-block-site-title a { color: #1a2540; }
.wp-block-site-title a:hover { color: #B89553; }

.wp-block-navigation a { color: inherit !important; text-decoration: none; }
.wp-block-navigation a:hover { color: #B89553 !important; }

main a { color: inherit; text-decoration: underline; text-decoration-color: rgba(184, 149, 83, .55); text-underline-offset: 2px; }
main a:hover { color: #B89553; text-decoration-color: #B89553; }

.wrm-band { padding: 4rem 2rem; border-top: 1px solid rgba(245, 241, 232, 0.12); border-bottom: 1px solid rgba(245, 241, 232, 0.12); }
html[data-theme="paper"] .wrm-band { border-color: rgba(26, 37, 64, 0.12); }

.wrm-eyebrow { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: #B89553; }

.wrm-cta { display: inline-block; background: #B89553; color: #1a2540 !important; padding: .85rem 1.6rem; font-family: Inter, sans-serif; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; text-decoration: none !important; border-radius: 2px; border: 1px solid #B89553; transition: background .2s, color .2s; }
.wrm-cta:hover { background: #D4B87A; border-color: #D4B87A; }

.wrm-cta-ghost { display: inline-block; background: transparent; color: #F5F1E8 !important; padding: .85rem 1.6rem; font-family: Inter, sans-serif; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; text-decoration: none !important; border-radius: 2px; border: 1px solid rgba(245, 241, 232, 0.45); }
html[data-theme="paper"] .wrm-cta-ghost { color: #1a2540 !important; border-color: rgba(26, 37, 64, 0.35); }

.wrm-calc { padding: 2rem; border: 1px solid rgba(245, 241, 232, 0.18); background: rgba(245, 241, 232, 0.04); border-radius: 4px; margin: 2rem 0; font-family: Inter, sans-serif; }
html[data-theme="paper"] .wrm-calc { border-color: rgba(26, 37, 64, 0.15); background: rgba(26, 37, 64, 0.03); }
.wrm-calc label { display: block; font-size: .85rem; margin-top: .75rem; letter-spacing: .03em; }
.wrm-calc input { width: 100%; padding: .55rem .75rem; margin-top: .35rem; border: 1px solid rgba(245, 241, 232, 0.25); background: transparent; color: inherit; font-family: inherit; font-size: 1rem; border-radius: 2px; }
html[data-theme="paper"] .wrm-calc input { border-color: rgba(26, 37, 64, 0.25); }
.wrm-calc-out { margin-top: 1.5rem; padding: 1.2rem; background: rgba(184, 149, 83, 0.12); border-left: 3px solid #B89553; font-size: 1.1rem; }
.wrm-calc-out b { font-size: 1.4rem; color: #B89553; }

/* Contrast fix (v1.1.0): force block-level color to cascade to headings/eyebrow/links */
.has-text-color .wp-block-heading { color: inherit; }
.has-text-color .wrm-eyebrow { color: inherit; opacity: 0.8; }
.has-text-color a:not(.wrm-cta):not(.wrm-cta-ghost) { color: inherit; }

/* Contrast fix v1.2.0 (2026-04-22) — amber #B89553 fails AA on cream body-size text.
   Light-mode override uses darker amber #7d5a1f (5.6:1 on cream). Dark mode unchanged. */
html[data-theme="paper"] .wrm-eyebrow { color: #7d5a1f; }
html[data-theme="paper"] .wrm-calc-out b { color: #7d5a1f; }
html[data-theme="paper"] main a { text-decoration-color: rgba(125,90,31,.55); }
html[data-theme="paper"] main a:hover { color: #7d5a1f; text-decoration-color: #7d5a1f; }
/* Preserve has-text-color cascade INSIDE hardcoded-bg blocks — light-mode eyebrow override must not fight the inherit rule */
html[data-theme="paper"] .has-text-color .wrm-eyebrow { color: inherit; }