/* ======================================================================
   Craft Writers — brand layer (loaded LAST on every page)
   Palette matches the logo: navy #0B1A38 + teal #007E7E.
   ====================================================================== */
:root{
  --cw-navy:#0b1a38;
  --cw-navy-2:#17305a;
  --cw-teal:#007e7e;
  --cw-teal-dark:#006363;
  --cw-teal-soft:#e6f4f3;
  --cw-ink:#111a2b;
  --cw-muted:#5b6577;
  --cw-line:#dde3ea;
  --cw-bg:#f6f8fa;
  --font-display:"Poppins","Inter","Segoe UI",Arial,sans-serif;
}

/* One professional type system everywhere */
html,body,button,input,select,textarea{
  font-family:"Inter","Segoe UI",Arial,sans-serif!important;
}
h1,h2,h3,h4,.pw-home h1,.pw-home h2,.pw-home h3{
  font-family:"Poppins","Inter","Segoe UI",Arial,sans-serif!important;
  letter-spacing:-.012em!important;
}
h1 em,h2 em,h1 i,h2 i{font-style:normal}

/* Selection, focus and links */
::selection{background:#bfe6e4;color:var(--cw-navy)}
a{color:var(--cw-navy-2)}
:focus-visible{outline:3px solid rgba(0,126,126,.35);outline-offset:2px}
input:focus,select:focus,textarea:focus{border-color:var(--cw-teal)!important;box-shadow:0 0 0 3px rgba(0,126,126,.14)!important}

/* Logo image inside the login/signup brand tiles */
.pl-brand-mark img{width:30px;height:30px;display:block}
.pl-brand-mark{background:#fff!important}

/* Primary calls-to-action use the brand teal */
.pw-button-primary,.pa-button-primary,.pl-login-button,.btn-primary{background:var(--cw-teal)!important;border-color:var(--cw-teal)!important;color:#fff!important}
.pw-button-primary:hover,.pa-button-primary:hover,.pl-login-button:hover,.btn-primary:hover{background:var(--cw-teal-dark)!important;border-color:var(--cw-teal-dark)!important}
.pl-input-wrap input:not([type=checkbox]){padding-left:16px}
.pl-input-wrap .pl-input-icon + input{padding-left:45px}
.pl-terms-note{margin:4px 0 14px;font-size:12.5px;color:var(--cw-muted)}
.pl-terms-note a{color:var(--cw-teal);font-weight:600}