/* ctb-site.css -- CTB palette applied to pages copied from the AIDA board/consulting templates
   (ctb-aml-blueprint.aidalabs.ca). Loaded AFTER the page's own styles. Light page, charcoal header
   and footer, CT crimson accent, Venice blue second accent. Diagrams, code and mockup images stay dark. */
@import url("/assets/ctb.css");
:root{
  --bg:#F6F5F3; --surface:#FFFFFF; --surface2:#F0EEEB; --line:#DADADA; --line2:#C4C4C4; --line-strong:#C4C4C4;
  --text:#262626; --sub:#5A5A5A;
  --gold:#C8191F; --gold-d:#B5141A; --gold-bg:#FBE4E0;
  --coral:#C8191F; --coral-bg:#FBE4E0;
  --blue:#0B508E; --blue-l:#0B508E; --blue-bg:#E6EEF6;
  --teal:#0B508E; --teal-bg:#E6EEF6; --teal-light:#0B508E;
  --ok:#17663A; --warn:#7A5200; --bad:#B5141A;
  --pink:#262626; --pinksub:#5A5A5A;
  color-scheme:light;
}
html{background:#F6F5F3}
body{background:#F6F5F3!important;color:#262626;border-top:6px solid #EC2028!important}
/* charcoal header and footer: re-scope the variables inside them */
header.site,footer.site{background:#262626!important;--text:#FFFFFF;--sub:#E6E6E6;--surface:#333333;--surface2:#3D3D3D;--line:#4A4A4A;--line2:#5A5A5A;--gold:#EC2028;--blue-l:#9CC3EA;color:#fff}
header.site{border-bottom:4px solid #EC2028!important}
footer.site{border-top:4px solid #EC2028!important}
header.site .brand span,header.site .abrand span{color:#EC2028}
.dd{background:#333333!important;border-color:#5A5A5A!important}
/* solid accent fills take white text (dark text fails on red) */
.btn.coral,.btn.gold,.toc a.on,.chipset button[aria-pressed="true"],.tabs button[aria-selected="true"],.fb,.how-path li::before,.chain li.ms::before{color:#fff!important}
.kid{color:#fff!important}
.tag.r3{background:#FBE4E0;border-color:#E9A9A2;color:#B5141A}
.err{background:#FDE7E7;color:#B5141A}
/* things that stay dark on purpose */
.dfdcanvas{background:#262626}
pre.code,.sqlbox pre{background:#1E1E1E}
/* buttons and links */
a{color:#0B508E}
.btn{box-shadow:0 2px 8px rgba(0,0,0,.08)}

/* links to the other CTB sites, in the header */
header.site .btn.ctbport{background:#FFFFFF;color:#262626!important;border-color:#FFFFFF}
header.site .btn.teal{background:#0B508E;color:#FFFFFF!important;border-color:#0B508E}