@import url('https://fonts.googleapis.com/css2?family=Archivo+Expanded:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

/* ==================================================================
   Datassier brand skin — site wide.
   Applies the brand book (sun & sand 80%, washed denim 20%, white
   carrier) to the legal, notes, audit, operators and v6 templates,
   which all share the original dark token set.

   Loaded via one <link> after each page's own <style>, so these
   rules win. Remove the <link> to revert that page.
   ================================================================== */

:root{
  --sunset-deep:#B8391A; --sunset-mid:#D2691E; --sand:#E8B54D; --sand-light:#F2D08C;
  --denim:#9DBFCF; --denim-light:#D6E6ED;
  --paper:#FFFFFF; --ink:#2B1B12; --line:#E7DFD4;
  --sun-grad:linear-gradient(100deg,#B8391A 0%,#D2691E 45%,#E8B54D 100%);

  /* original token set, remapped */
  --bg-dark:#FFFFFF; --bg-main:#FFFFFF; --bg-panel:#FFFFFF;
  --bg-secondary:#FFFFFF; --bg-card:#FFFFFF; --bg-tertiary:#F0EBE3;
  --bg-hover:#F0EBE3; --bg-elevated:#FFFFFF;
  --border:#E7DFD4; --border-focus:#D2691E;
  --text-primary:#2B1B12; --text-secondary:#5c5044; --text-muted:#8a7a68;
  --accent-cyan:#B8391A; --accent-magenta:#D2691E; --accent-purple:#8a7a68;
  --accent-green:#B8391A; --accent-yellow:#D2691E;
  --gradient-1:linear-gradient(100deg,#B8391A 0%,#D2691E 45%,#E8B54D 100%);
  --gradient-2:linear-gradient(120deg,#D2691E,#E8B54D);

  /* v6 aliases */
  --bg:#FFFFFF; --bg2:#FFFFFF; --bg3:#F0EBE3;
  --text:#2B1B12; --text2:#5c5044; --muted:#8a7a68;
  --cyan:#B8391A; --magenta:#D2691E; --purple:#8a7a68; --green:#B8391A;
  --grad:linear-gradient(100deg,#B8391A 0%,#D2691E 45%,#E8B54D 100%);
}

/* TYPE ------------------------------------------------------------ */
body{ font-family:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
h1,h2,h3,h4,.wordmark-text,.mark-t,.move h3{
  font-family:'Archivo Expanded','Archivo','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:300; letter-spacing:.005em;
}
h1{ font-weight:300; }
h2,h3{ font-weight:400; }
.label,.eyebrow,.wordmark-sub,.endnote,.card-bar,.card-foot,.chip,.move .n,
.stat .v,.qa-head,.qa-msg.you,.qa-foot,.doc-card .num,.section-header .num,
.colophon,.masthead-cta,.back{
  font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
.label,.eyebrow,.wordmark-sub,.section-header .num,.doc-card .num{
  letter-spacing:.03em; text-transform:none;
}
::selection{ background:#F2D08C; color:#2B1B12; }

/* SURFACES -------------------------------------------------------- */
.bg-pattern,.glow{
  background:
    radial-gradient(ellipse at 82% 10%, rgba(157,191,207,.18), transparent 58%),
    radial-gradient(ellipse at 10% 45%, rgba(157,191,207,.20), transparent 62%) !important;
}
.grid-overlay,.grid{
  background-image:
    linear-gradient(rgba(43,27,18,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(43,27,18,.035) 1px, transparent 1px) !important;
}
.masthead,.nav{ background:rgba(255,255,255,.85) !important; border-bottom:1px solid var(--line); }

/* LOGO — brand orb ------------------------------------------------ */
.wordmark-icon,.mark-d{
  background:url(/assets/mark.svg) center/contain no-repeat !important;
  border-radius:0 !important; width:26px; height:28px;
  color:transparent !important; font-size:0 !important; box-shadow:none !important;
}
.wordmark-text,.mark-t{ font-weight:400; }

/* LINKS & ACCENTS ------------------------------------------------- */
a{ color:var(--sunset-deep); }
article a{ border-bottom:1px solid rgba(232,181,77,.85) !important; }
article a:hover{ color:var(--sunset-deep) !important; border-bottom-color:var(--sunset-deep) !important; }
article li::marker{ color:var(--sand); }
article li > strong:first-child{ color:var(--sunset-deep); }

/* CARDS & PANELS -------------------------------------------------- */
.doc-card,.card,.move,.wall,.layer-card,.mock-a,.dog,.questions-panel,.diagram-wrap{
  background:#FFFFFF !important; border:1px solid var(--line) !important;
}
.doc-card:hover,.wall:hover,.move:hover,.layer-card:hover{
  border-color:var(--denim) !important;
  box-shadow:0 10px 26px -18px rgba(43,27,18,.35) !important;
}
.doc-card::before,.layer-card::before,.masthead-cta::before{ display:none !important; }
.card{ box-shadow:0 22px 55px -34px rgba(43,27,18,.4) !important; }
.dog{ border-left:4px solid var(--sunset-mid) !important; }
.chip,.receipts span{
  color:var(--sunset-deep) !important;
  border:1px solid rgba(232,181,77,.8) !important;
  background:rgba(242,208,140,.3) !important;
}
blockquote,.section-footnote,.note{
  background:#FFFFFF !important; border:1px solid var(--line) !important;
  border-left:4px solid var(--sunset-mid) !important;
}

/* BUTTONS --------------------------------------------------------- */
.masthead-cta,.back,.btn-p{
  background:linear-gradient(120deg,#B8391A,#D2691E) !important;
  color:#fff !important; border:1px solid transparent !important;
  border-radius:4px !important; letter-spacing:.02em;
  box-shadow:0 6px 20px -12px rgba(184,57,26,.6) !important;
}
.masthead-cta:hover,.back:hover,.btn-p:hover{ filter:brightness(1.08); color:#fff !important; }
.btn-g{ background:#FFFFFF !important; border:1px solid var(--line) !important; color:var(--ink) !important; }
.btn-g:hover{ border-color:var(--sunset-mid) !important; }

/* GRADIENT TEXT --------------------------------------------------- */
h1 .g,h1 .gradient,h2 .gradient,.kicker-line,.kick{
  background:var(--sun-grad); -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* FOOTER ---------------------------------------------------------- */
.colophon,footer{ border-top:1px solid var(--line); }
.colophon a:hover,.foot-in a:hover,footer a:hover{ color:var(--sunset-deep); }

/* WIDGET (pages that carry it) ------------------------------------ */
.qa-fab{ background:linear-gradient(120deg,#B8391A,#D2691E) !important;
  box-shadow:0 8px 24px -8px rgba(184,57,26,.55) !important; }
.qa-fab svg path{ fill:#fff; }
.qa-panel{ background:#FFFFFF !important; border:1px solid var(--line) !important;
  box-shadow:0 24px 60px -30px rgba(43,27,18,.45) !important; }
.qa-chip{ background:var(--paper) !important; border:1px solid var(--line) !important; color:var(--text-secondary) !important; }
.qa-chip:hover{ border-color:var(--sunset-mid) !important; color:var(--sunset-deep) !important; }
.qa-msg.bot a{ color:var(--sunset-deep); border-bottom:1px solid var(--sand); }
.qa-typing span{ background:var(--denim) !important; }
.qa-form button{ background:linear-gradient(120deg,#B8391A,#D2691E) !important; color:#fff !important; border:none !important; }
.qa-nudge{ background:#FFFFFF !important; border:1px solid var(--line) !important; color:var(--ink) !important; }