/* OMDR cockpit deal theme (deal-page redesign, Ewing 2026-08-13).
   The zip design's language applied to the per-deal hub directories: navy header card on a
   light #eef1f5 ground, #ec3013 accent labels, Inter type, dense white work cards.
   LOADED LAST on each hub page (after the page's own styles), so it wins the cascade two
   ways: (1) by re-mapping the shared CSS variables the hubs' design systems read, and
   (2) by re-skinning the shared component vocabulary (.rnav, .hero, .sec-head, .stats ...).
   NAME-FREE: pure chrome, no deal data. The page ground stays LIGHT; navy is a CARD color
   (the zip's header card), never a page ground. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');

:root{
  /* zip palette */
  --dt-accent:#ec3013; --dt-accent-deep:#c22008; --dt-navy:#16243f; --dt-navy-bar:#1b2c4a;
  --dt-navy-div:#33456a; --dt-ground:#eef1f5; --dt-card-line:#d4dae4; --dt-muted:#8a94a6;
  --dt-body:#2c3a52;

  /* ── re-map the linen design system (solstice/aurora/ridgeline/phoenix family) ── */
  --cream:#eef1f5; --paper:#ffffff; --ink:#16243f; --muted:#4a5568; --faint:#8a94a6;
  --gold:#ec3013; --gold-light:#ff6b52; --gold-deep:#c22008;
  --rule:#d4dae4; --rule-strong:#c9d1de;
  --ground-hero:#16243f; --ground-nav:#1b2c4a; --ground-panel:#f1f3f7; --ground-card:#ffffff;
  --serif:'Inter',system-ui,sans-serif; --sans:'Inter',system-ui,sans-serif;

  /* ── re-map the panel design system (tempest/report family) ── */
  --bg:#eef1f5; --panel:#ffffff; --ink2:#4a5568; --ink3:#8a94a6;
  --line:#d4dae4; --navy:#16243f; --teal:#ec3013; --tealBg:#fdeceb;
}

body{ background:#eef1f5; color:#16243f; }

/* nav band -> the zip's app bar: navy, red bottom rule, boxed uppercase items */
.rnav{ background:var(--dt-navy-bar); border-bottom:2px solid var(--dt-accent); }
.rnav .home{ color:#6f83a5; }
.rnav a.tab{ color:#8ca0bd; border:1px solid var(--dt-navy-div); border-radius:0; }
.rnav a.tab:hover{ color:#fff; border-color:#5a6f96; }
.rnav a.tab.here{ color:#fff; background:var(--dt-accent); border-color:var(--dt-accent); }
.rnav .ext, .rnav .ext a{ color:#8ca0bd; }

/* hero -> the zip's navy header card */
.hero{ background:var(--dt-navy); color:#fff; border-bottom:2px solid var(--dt-accent); }
.hero::before{ background-image:none; }
.hero .wrap{ padding-top:20px; padding-bottom:26px; }
.hero .topline{ padding-bottom:18px; }
.hero .mono, .hero .topline .mono, .hero .eyebrow .mono{ color:var(--dt-accent); }
.hero .badge{ color:#fff; background:#3d4f6f; border:none; border-radius:0; }
.hero .eyebrow .rule{ background:var(--dt-accent); }
.hero h1{ color:#fff; font-family:'Inter',system-ui,sans-serif; font-weight:800; letter-spacing:-.01em; font-size:clamp(24px,3.4vw,38px); }
.hero h1 em{ color:var(--dt-accent); font-style:normal; }
.hero .sub{ color:#cbd7e8; font-size:15px; }
.hero .sub strong{ color:#fff; }
.hero .stats{ border-color:var(--dt-navy-div); }
.hero .stats .s{ border-color:var(--dt-navy-div); }
.hero .stats .s .v{ color:#fff; font-family:'Inter',system-ui,sans-serif; font-weight:700; }
.hero .stats .s .k{ color:#7f93b3; }

/* section chrome -> red uppercase Inter titles over a navy rule */
.sec-head{ margin-bottom:16px; }
.sec-head .num{ color:var(--dt-accent); }
.sec-head h2{ color:var(--dt-accent); font-family:'Inter',system-ui,sans-serif; font-weight:800;
  text-transform:uppercase; letter-spacing:.08em; font-size:clamp(15px,1.6vw,18px);
  border-bottom:2px solid var(--dt-navy); padding-bottom:6px; }
section{ padding:34px 0; }

h1,h2,h3,h4{ font-family:'Inter',system-ui,sans-serif; }

/* panel-family heroes (tempest/report pages): white hero card went navy via --navy remaps
   above where the page uses it as a bg; make sure hero copy stays legible on navy. */
.hero p{ color:#cbd7e8; }
.hero p strong, .hero p b{ color:#ffffff; }
.hero .k{ color:var(--dt-accent); }
.hero .pill{ background:#24365a; border-color:#3a4c72; color:#cbd7e8; }
.hero h1{ color:#fff; }