/* ============================================================
   Dealmaking OS — Playbook foundation
   Built on the Del Real Commercial design system (Montserrat).
   Print-first: pages are US Letter (816 × 1056 @ 96dpi).
   Three identity themes are layered on top via .theme-* classes.
   ============================================================ */

/* ---------- Montserrat ---------- */
@font-face { font-family:'Montserrat'; src:url('fonts/Montserrat-Light.ttf') format('truetype'); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('fonts/Montserrat-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('fonts/Montserrat-Italic.ttf') format('truetype'); font-weight:400; font-style:italic; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('fonts/Montserrat-Medium.ttf') format('truetype'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('fonts/Montserrat-MediumItalic.ttf') format('truetype'); font-weight:500; font-style:italic; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('fonts/Montserrat-SemiBold.ttf') format('truetype'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('fonts/Montserrat-SemiBoldItalic.ttf') format('truetype'); font-weight:600; font-style:italic; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('fonts/Montserrat-Bold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('fonts/Montserrat-ExtraBold.ttf') format('truetype'); font-weight:800; font-style:normal; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('fonts/Montserrat-Black.ttf') format('truetype'); font-weight:900; font-style:normal; font-display:swap; }

:root{
  /* Brand palette (Del Real Commercial) */
  --ocean:#005175; --ocean-90:#19628a; --ocean-70:#4d83a3; --ocean-40:#b3cbd9; --ocean-15:#e0eaf1; --ocean-08:#eff4f8;
  --forest:#6C8A78; --terracotta:#F6A38A; --sunray:#FBBE6D; --sunray-15:#fef5e3; --sunray-40:#fde5c4;
  --ink:#0e1d27; --charcoal:#2a3a45; --slate:#5b6b76; --stone:#8a96a0; --fog:#c7ced3; --mist:#e6e9ec;
  --bone:#f4f1ec; --cream:#fbf8f3; --white:#ffffff;
  /* Operator palette (from master-doc design notes) */
  --op-charcoal:#1A1A1A; --op-charcoal-2:#232323; --op-charcoal-3:#2e2e2e;
  --gold:#C9A84C; --gold-soft:#d8bd6f; --gold-light:#F0E6CC; --gold-dim:#8a7330;

  --font: 'Montserrat', ui-sans-serif, system-ui, sans-serif;
}

*{ box-sizing:border-box; }

/* ---------- Page system ---------- */
.page{
  position:relative;
  width:816px;
  height:1056px;
  overflow:hidden;
  font-family:var(--font);
  background:var(--cream);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
.page__pad{
  position:absolute; inset:0;
  padding:72px 76px;
  display:flex; flex-direction:column;
}

/* Eyebrow / stamp */
.eyebrow{
  font-weight:600; font-size:11px; letter-spacing:.22em; text-transform:uppercase;
  margin:0;
}

/* Generic helpers reused across themes */
.flex{ display:flex; }
.col{ display:flex; flex-direction:column; }
.spacer{ flex:1 1 auto; }
.rule{ height:1px; width:100%; }

/* Page footer stamp */
.page__foot{
  position:absolute; left:76px; right:76px; bottom:40px;
  display:flex; align-items:center; justify-content:space-between;
  font-size:10px; letter-spacing:.16em; text-transform:uppercase;
}

/* ============================================================
   THEME A — OPERATOR  (charcoal + gold field-manual)
   ============================================================ */
.theme-op{ background:var(--op-charcoal); color:var(--gold-light); }
.theme-op .eyebrow{ color:var(--gold); }
.theme-op .page__foot{ color:rgba(240,230,204,.45); border-top:1px solid rgba(201,168,76,.25); padding-top:14px; bottom:34px; }
.theme-op .rule-gold{ height:3px; background:var(--gold); width:64px; }

/* ============================================================
   THEME B — EDITORIAL  (ocean + cream brand)
   ============================================================ */
.theme-ed{ background:var(--cream); color:var(--ink); }
.theme-ed .eyebrow{ color:var(--ocean); }
.theme-ed .page__foot{ color:var(--slate); border-top:1px solid var(--mist); padding-top:14px; }

/* ============================================================
   THEME C — BRIDGE  (ink + gold on warm ivory)
   ============================================================ */
.theme-br{ background:#f7f3ec; color:var(--ink); }
.theme-br .eyebrow{ color:var(--gold-dim); }
.theme-br .page__foot{ color:var(--slate); border-top:1px solid #e3dccf; padding-top:14px; }