/* War Room brand, shared chrome: header, review banner and footer on every page that has them.
   Palette (Trevor, 2026-11-13): high-gloss black header, flat black logo square with a gold outline,
   WAR ROOM in bright white, OCALA in gold, forest green, gold accents.
   Rules checked by tools/check_contrast.py: dark background -> light text, light background -> dark text;
   forest green is only a background under white or gold text; every text pair at least 4.5:1. */

@font-face{font-family:"Black Ops One";src:url("/assets/fonts/black-ops-one-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Saira Stencil One";src:url("/assets/fonts/saira-stencil-one-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --ops-flat:#0a0a0a;        /* flat black: logo square, panels, footer, dark buttons */
  --ops-gloss:linear-gradient(180deg,#333333 0%,#161616 40%,#000000 52%,#0c0c0c 100%); /* high-gloss black header */
  --ops-forest:#174a22;      /* forest green: hero background only, always under white or gold text */
  --ops-forest-deep:#103a19; /* hero gradient end */
  --ops-gloss-top:#333333;   /* lightest point of the gloss; contrast is checked against it */
  --ops-steel:#262626;       /* hover on dark */
  --ops-line:#3d3d3d;        /* borders on dark */
  --ops-white:#ffffff;       /* text on dark */
  --ops-white-soft:#e4e4e4;  /* secondary text on dark */
  --ops-gold:#d4af37;        /* gold: outlines, accents, buttons */
  --ops-gold-hi:#e9cb62;     /* gold hover, links on dark */
  --ops-paper:#f4f1e8;       /* light band background */
  --ops-ink:#0a0a0a;         /* text on light and on gold */
  --ops-ink-soft:#2b2b2b;    /* secondary text on light */
  --stencil-big:"Black Ops One",Impact,"Arial Black",sans-serif;
  --stencil-label:"Saira Stencil One",Impact,"Arial Black",sans-serif;
}
/* ---------- Header (shared chrome, recolored) ---------- */
html body #wr7-header#wr7-header{background:#000 var(--ops-gloss);color:var(--ops-white);border-bottom:3px solid var(--ops-gold)}
html body #wr7-header#wr7-header .wr7-market{background:var(--ops-gold);color:var(--ops-ink);font-family:var(--stencil-label);letter-spacing:.2em;text-transform:uppercase}
html body #wr7-header#wr7-header .wr7-market strong{font-weight:400}
html body #wr7-header#wr7-header .wr7-logo-box{background:var(--ops-flat);background-image:none;border:2px solid var(--ops-gold);box-shadow:none;padding:8px 16px 7px;border-radius:0;display:inline-flex;flex-direction:column;align-items:center}
html body #wr7-header#wr7-header .wr7-logo-name{font-family:var(--stencil-big);font-size:26px;line-height:1;letter-spacing:.06em;color:var(--ops-white)!important}
html body #wr7-header#wr7-header .wr7-logo-place{display:flex;align-items:center;gap:8px;margin-top:5px;font-family:var(--stencil-label);font-size:12px;letter-spacing:.34em;color:var(--ops-gold)!important}
html body #wr7-header#wr7-header .wr7-logo-place i{display:inline-block;width:16px;height:2px;background:var(--ops-gold)}
html body #wr7-header#wr7-header .wr7-tagline{color:var(--ops-white-soft);font:14px/1.4 Arial,sans-serif}
html body #wr7-header#wr7-header nav>a,html body #wr7-header#wr7-header nav button,html body #wr7-header#wr7-header summary{color:var(--ops-white);font-family:var(--stencil-label);font-weight:400;font-size:15px;letter-spacing:.1em;text-transform:uppercase}
html body #wr7-header#wr7-header #wr7-nav>a,html body #wr7-header#wr7-header #wr7-nav summary{font-family:var(--stencil-label)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.08em;color:var(--ops-white)}
html body #wr7-header#wr7-header #wr7-nav a.wr7-learn-more{color:var(--ops-gold);border-color:var(--ops-gold);border-radius:0;font-family:var(--stencil-label)!important;font-weight:400!important}
html body #wr7-header#wr7-header #wr7-nav a.wr7-learn-more:hover{background:var(--ops-gold);color:var(--ops-ink)}
html body #wr7-header#wr7-header a:hover{text-decoration:none;color:var(--ops-gold)}
html body #wr7-header#wr7-header summary:after{color:var(--ops-gold)}
html body #wr7-header#wr7-header details>div{background:var(--ops-flat);border:2px solid var(--ops-gold);border-radius:0}
html body #wr7-header#wr7-header details a{color:var(--ops-white)}
html body #wr7-header#wr7-header details a:hover{background:var(--ops-steel);color:var(--ops-gold)}
html body #wr7-header#wr7-header #wr7-menu-toggle{color:var(--ops-white);border:2px solid var(--ops-gold);border-radius:0;font-family:var(--stencil-label);letter-spacing:.1em;text-transform:uppercase}
html body #wr7-header#wr7-header a:focus-visible,html body #wr7-header#wr7-header button:focus-visible,html body #wr7-header#wr7-header summary:focus-visible{outline:3px solid var(--ops-white);outline-offset:4px}

/* Keyboard skip link (hidden until focused): sand with dark text */
html body .sandbox-skip{background:var(--ops-gold);color:var(--ops-ink);font:700 16px Arial,sans-serif;border:2px solid var(--ops-ink)}

/* Review banner: light band, dark text */
html body .review-banner{background:var(--ops-paper);color:var(--ops-ink);border-bottom:4px solid var(--ops-ink);font-family:Arial,sans-serif}
html body .review-banner a{color:var(--ops-ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* ---------- Footer: dark, light text (overrides the older green footer) ---------- */
html body footer.simple-footer{background:var(--ops-flat)!important;color:var(--ops-white-soft)!important;border-top:4px solid var(--ops-gold)}
html body footer.simple-footer :is(p,span,small,strong,b,em,h2,h3,h4,li,figcaption,div,nav){color:var(--ops-white-soft)!important}
html body footer.simple-footer a,html body footer.simple-footer a:visited{color:var(--ops-gold-hi)!important}
html body footer.simple-footer a:hover{color:var(--ops-white)!important}
html body footer.simple-footer a:focus-visible{outline:3px solid var(--ops-white)!important}
html body footer.simple-footer :is(.footer-top,.footer-bottom,.footer-resources){border-color:var(--ops-line)!important}
html body footer.simple-footer .bridgebuilder-link svg,html body footer.simple-footer .bridgebuilder-link svg path{color:var(--ops-gold-hi)!important;stroke:var(--ops-gold-hi)!important}